@ilo-org/styles 0.13.1 → 0.13.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/build/css/components/index.css +1156 -791
  2. package/build/css/components/index.css.map +1 -1
  3. package/build/css/global.css +1 -1
  4. package/build/css/global.css.map +1 -1
  5. package/build/css/index.css +1156 -791
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +1156 -791
  8. package/build/css/monorepo.css.map +1 -1
  9. package/build/minified/index.css +1 -1
  10. package/build/minified/index.css.map +1 -1
  11. package/build/minified/monorepo.css +1 -1
  12. package/build/minified/monorepo.css.map +1 -1
  13. package/css/components/accordion.css +1 -1
  14. package/css/components/breadcrumb.css +1 -1
  15. package/css/components/featurecard.css +1 -1
  16. package/css/components/hero.css +1 -1
  17. package/css/components/list.css +1 -1
  18. package/css/components/navigation.css +1 -1
  19. package/css/components/pagination.css +1 -1
  20. package/css/components/richtext.css +1 -1
  21. package/css/components/tableofcontents.css +1 -1
  22. package/css/components/tag.css +1 -1
  23. package/css/components/video-legacy.css +1 -0
  24. package/css/components/video.css +1 -1
  25. package/css/global.css.map +1 -1
  26. package/css/index.css +8 -8
  27. package/css/index.css.map +1 -1
  28. package/css/monorepo.css +8 -8
  29. package/css/monorepo.css.map +1 -1
  30. package/package.json +3 -3
  31. package/scss/_mixins.scss +27 -1
  32. package/scss/components/_accordion.scss +7 -5
  33. package/scss/components/_breadcrumb.scss +5 -1
  34. package/scss/components/_card.scss +2 -2
  35. package/scss/components/_cardgroup.scss +1 -1
  36. package/scss/components/_datacard.scss +1 -1
  37. package/scss/components/_detailcard.scss +1 -1
  38. package/scss/components/_factlistcard.scss +1 -1
  39. package/scss/components/_featurecard.scss +3 -11
  40. package/scss/components/_hero.scss +206 -214
  41. package/scss/components/_list.scss +0 -2
  42. package/scss/components/_multilinkcard.scss +2 -2
  43. package/scss/components/_navigation.scss +9 -7
  44. package/scss/components/_pagination.scss +1 -3
  45. package/scss/components/_profile.scss +1 -1
  46. package/scss/components/_promocard.scss +1 -1
  47. package/scss/components/_richtext.scss +20 -40
  48. package/scss/components/_tableofcontents.scss +1 -0
  49. package/scss/components/_tag.scss +1 -1
  50. package/scss/components/_video-legacy.scss +795 -0
  51. package/scss/components/_video.scss +191 -636
  52. package/scss/components/index.scss +1 -0
@@ -156,7 +156,7 @@ textarea {
156
156
  }
157
157
  /**
158
158
  * Do not edit directly
159
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
159
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
160
160
  */
161
161
  /**
162
162
  * TOKENS:
@@ -252,7 +252,7 @@ body {
252
252
 
253
253
  /**
254
254
  * Do not edit directly
255
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
255
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
256
256
  */
257
257
  /**
258
258
  * TOKENS:
@@ -268,9 +268,11 @@ body {
268
268
  align-items: center;
269
269
  flex-direction: row;
270
270
  justify-content: space-between;
271
+ text-align: start;
271
272
  width: 100%;
272
273
  margin: 0;
273
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
274
+ padding: 0.857449089rem 0;
275
+ padding-inline-end: 0.857449089rem;
274
276
  background-color: rgb(255, 255, 255);
275
277
  background-position: calc(100% - 0.3215434084rem) center;
276
278
  background-repeat: no-repeat;
@@ -291,7 +293,8 @@ body {
291
293
  font-size: 18.66px;
292
294
  letter-spacing: -0.035em;
293
295
  line-height: 24.26px;
294
- padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
296
+ padding: 1.0718113612rem 0;
297
+ padding-inline-end: 0.857449089rem;
295
298
  }
296
299
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
297
300
  background-color: rgb(235, 245, 253);
@@ -311,13 +314,13 @@ body {
311
314
  font-size: 16px;
312
315
  letter-spacing: -0.02em;
313
316
  line-height: 21.6px;
314
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
315
317
  }
316
318
  .ilo--accordion--button--large {
317
319
  font-size: 18.66px;
318
320
  letter-spacing: -0.035em;
319
321
  line-height: 24.26px;
320
- padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
322
+ padding: 1.0718113612rem 0;
323
+ padding-inline-end: 0.857449089rem;
321
324
  }
322
325
  }
323
326
  .ilo--accordion--button[aria-expanded=true] {
@@ -350,7 +353,7 @@ body {
350
353
 
351
354
  /**
352
355
  * Do not edit directly
353
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
356
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
354
357
  */
355
358
  /**
356
359
  * TOKENS:
@@ -375,7 +378,7 @@ body {
375
378
  }
376
379
  /**
377
380
  * Do not edit directly
378
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
381
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
379
382
  */
380
383
  /**
381
384
  * TOKENS:
@@ -429,6 +432,9 @@ body {
429
432
  letter-spacing: normal;
430
433
  line-height: 16.24px;
431
434
  }
435
+ .ilo--breadcrumb--link--label--dropdown {
436
+ font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
437
+ }
432
438
  .ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
433
439
  color: rgb(30, 45, 190);
434
440
  text-decoration: underline;
@@ -542,6 +548,7 @@ body {
542
548
  content: "";
543
549
  height: 0.6430868167rem;
544
550
  position: absolute;
551
+ left: 50%;
545
552
  top: -0.3215434084rem;
546
553
  transform: translateX(-50%) rotate(135deg);
547
554
  width: 0.6430868167rem;
@@ -626,7 +633,7 @@ body {
626
633
 
627
634
  /**
628
635
  * Do not edit directly
629
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
636
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
630
637
  */
631
638
  /**
632
639
  * TOKENS:
@@ -636,7 +643,7 @@ body {
636
643
  */
637
644
  /**
638
645
  * Do not edit directly
639
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
646
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
640
647
  */
641
648
  /**
642
649
  * TOKENS:
@@ -661,7 +668,7 @@ body {
661
668
  }
662
669
  /**
663
670
  * Do not edit directly
664
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
671
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
665
672
  */
666
673
  /**
667
674
  * TOKENS:
@@ -942,7 +949,7 @@ body {
942
949
 
943
950
  /**
944
951
  * Do not edit directly
945
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
952
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
946
953
  */
947
954
  /**
948
955
  * TOKENS:
@@ -1071,7 +1078,7 @@ body {
1071
1078
 
1072
1079
  /**
1073
1080
  * Do not edit directly
1074
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1081
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1075
1082
  */
1076
1083
  /**
1077
1084
  * TOKENS:
@@ -1081,7 +1088,7 @@ body {
1081
1088
  */
1082
1089
  /**
1083
1090
  * Do not edit directly
1084
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1091
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1085
1092
  */
1086
1093
  /**
1087
1094
  * TOKENS:
@@ -1106,7 +1113,7 @@ body {
1106
1113
  }
1107
1114
  /**
1108
1115
  * Do not edit directly
1109
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1116
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1110
1117
  */
1111
1118
  /**
1112
1119
  * TOKENS:
@@ -1124,7 +1131,7 @@ body {
1124
1131
 
1125
1132
  /**
1126
1133
  * Do not edit directly
1127
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1134
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1128
1135
  */
1129
1136
  /**
1130
1137
  * TOKENS:
@@ -1336,7 +1343,7 @@ body {
1336
1343
 
1337
1344
  /**
1338
1345
  * Do not edit directly
1339
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1346
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1340
1347
  */
1341
1348
  /**
1342
1349
  * TOKENS:
@@ -1395,7 +1402,6 @@ body {
1395
1402
  border-top: 0.1071811361rem solid rgb(237, 240, 242);
1396
1403
  margin-left: -1.2861736334rem;
1397
1404
  margin-right: -1.2861736334rem;
1398
- margin-top: 1.822079314rem;
1399
1405
  position: relative;
1400
1406
  z-index: 2;
1401
1407
  }
@@ -1479,7 +1485,7 @@ body {
1479
1485
  display: flex;
1480
1486
  flex: 1 1 auto;
1481
1487
  flex-direction: column;
1482
- padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
1488
+ padding: 1.2861736334rem 1.2861736334rem 0.4287245445rem 1.2861736334rem;
1483
1489
  }
1484
1490
  .ilo--card__type__feature.ilo--card__linklist .ilo--card--content {
1485
1491
  padding-bottom: 0;
@@ -1488,7 +1494,7 @@ body {
1488
1494
  font-size: 23.32px;
1489
1495
  letter-spacing: -0.035em;
1490
1496
  line-height: 29.15px;
1491
- margin-bottom: 1.5763397642rem;
1497
+ margin-bottom: 1.2861736334rem;
1492
1498
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
1493
1499
  font-weight: 700;
1494
1500
  flex: 1;
@@ -1500,13 +1506,13 @@ body {
1500
1506
  margin-bottom: 0.3376482577rem;
1501
1507
  }
1502
1508
  .ilo--card__type__feature .ilo--card--date {
1503
- margin-bottom: 0;
1509
+ margin-bottom: 1.7148981779rem;
1504
1510
  margin-top: auto;
1505
1511
  }
1506
1512
 
1507
1513
  /**
1508
1514
  * Do not edit directly
1509
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1515
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1510
1516
  */
1511
1517
  /**
1512
1518
  * TOKENS:
@@ -1603,7 +1609,7 @@ body {
1603
1609
 
1604
1610
  /**
1605
1611
  * Do not edit directly
1606
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1612
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1607
1613
  */
1608
1614
  /**
1609
1615
  * TOKENS:
@@ -1755,7 +1761,7 @@ body {
1755
1761
 
1756
1762
  /**
1757
1763
  * Do not edit directly
1758
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1764
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1759
1765
  */
1760
1766
  /**
1761
1767
  * TOKENS:
@@ -1881,7 +1887,7 @@ body {
1881
1887
 
1882
1888
  /**
1883
1889
  * Do not edit directly
1884
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1890
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1885
1891
  */
1886
1892
  /**
1887
1893
  * TOKENS:
@@ -2005,7 +2011,7 @@ body {
2005
2011
 
2006
2012
  /**
2007
2013
  * Do not edit directly
2008
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2014
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2009
2015
  */
2010
2016
  /**
2011
2017
  * TOKENS:
@@ -2125,7 +2131,7 @@ body {
2125
2131
 
2126
2132
  /**
2127
2133
  * Do not edit directly
2128
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2134
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2129
2135
  */
2130
2136
  /**
2131
2137
  * TOKENS:
@@ -2202,7 +2208,7 @@ body {
2202
2208
 
2203
2209
  /**
2204
2210
  * Do not edit directly
2205
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2211
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2206
2212
  */
2207
2213
  /**
2208
2214
  * TOKENS:
@@ -2271,7 +2277,7 @@ body {
2271
2277
 
2272
2278
  /**
2273
2279
  * Do not edit directly
2274
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2280
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2275
2281
  */
2276
2282
  /**
2277
2283
  * TOKENS:
@@ -2320,7 +2326,7 @@ body {
2320
2326
 
2321
2327
  /**
2322
2328
  * Do not edit directly
2323
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2329
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2324
2330
  */
2325
2331
  /**
2326
2332
  * TOKENS:
@@ -2397,7 +2403,7 @@ body {
2397
2403
 
2398
2404
  /**
2399
2405
  * Do not edit directly
2400
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2406
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2401
2407
  */
2402
2408
  /**
2403
2409
  * TOKENS:
@@ -2478,7 +2484,7 @@ body {
2478
2484
 
2479
2485
  /**
2480
2486
  * Do not edit directly
2481
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2487
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2482
2488
  */
2483
2489
  /**
2484
2490
  * TOKENS:
@@ -2488,7 +2494,7 @@ body {
2488
2494
  */
2489
2495
  /**
2490
2496
  * Do not edit directly
2491
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2497
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2492
2498
  */
2493
2499
  /**
2494
2500
  * TOKENS:
@@ -2498,7 +2504,7 @@ body {
2498
2504
  */
2499
2505
  /**
2500
2506
  * Do not edit directly
2501
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2507
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2502
2508
  */
2503
2509
  /**
2504
2510
  * TOKENS:
@@ -2508,7 +2514,7 @@ body {
2508
2514
  */
2509
2515
  /**
2510
2516
  * Do not edit directly
2511
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2517
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2512
2518
  */
2513
2519
  /**
2514
2520
  * TOKENS:
@@ -2634,7 +2640,7 @@ body {
2634
2640
 
2635
2641
  /**
2636
2642
  * Do not edit directly
2637
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2643
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2638
2644
  */
2639
2645
  /**
2640
2646
  * TOKENS:
@@ -2655,7 +2661,7 @@ body {
2655
2661
 
2656
2662
  /**
2657
2663
  * Do not edit directly
2658
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2664
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2659
2665
  */
2660
2666
  /**
2661
2667
  * TOKENS:
@@ -2745,7 +2751,7 @@ body {
2745
2751
 
2746
2752
  /**
2747
2753
  * Do not edit directly
2748
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2754
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2749
2755
  */
2750
2756
  /**
2751
2757
  * TOKENS:
@@ -2755,7 +2761,7 @@ body {
2755
2761
  */
2756
2762
  /**
2757
2763
  * Do not edit directly
2758
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2764
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2759
2765
  */
2760
2766
  /**
2761
2767
  * TOKENS:
@@ -2765,7 +2771,7 @@ body {
2765
2771
  */
2766
2772
  /**
2767
2773
  * Do not edit directly
2768
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2774
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2769
2775
  */
2770
2776
  /**
2771
2777
  * TOKENS:
@@ -2818,7 +2824,7 @@ body {
2818
2824
 
2819
2825
  /**
2820
2826
  * Do not edit directly
2821
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2827
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2822
2828
  */
2823
2829
  /**
2824
2830
  * TOKENS:
@@ -2906,7 +2912,7 @@ body {
2906
2912
 
2907
2913
  /**
2908
2914
  * Do not edit directly
2909
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2915
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2910
2916
  */
2911
2917
  /**
2912
2918
  * TOKENS:
@@ -3002,7 +3008,7 @@ body {
3002
3008
 
3003
3009
  /**
3004
3010
  * Do not edit directly
3005
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3011
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3006
3012
  */
3007
3013
  /**
3008
3014
  * TOKENS:
@@ -3044,7 +3050,7 @@ body {
3044
3050
 
3045
3051
  /**
3046
3052
  * Do not edit directly
3047
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3053
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3048
3054
  */
3049
3055
  /**
3050
3056
  * TOKENS:
@@ -3171,7 +3177,7 @@ body {
3171
3177
 
3172
3178
  /**
3173
3179
  * Do not edit directly
3174
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3180
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3175
3181
  */
3176
3182
  /**
3177
3183
  * TOKENS:
@@ -3181,7 +3187,7 @@ body {
3181
3187
  */
3182
3188
  /**
3183
3189
  * Do not edit directly
3184
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3190
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3185
3191
  */
3186
3192
  /**
3187
3193
  * TOKENS:
@@ -3206,7 +3212,7 @@ body {
3206
3212
  }
3207
3213
  /**
3208
3214
  * Do not edit directly
3209
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3215
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3210
3216
  */
3211
3217
  /**
3212
3218
  * TOKENS:
@@ -3563,7 +3569,7 @@ body {
3563
3569
 
3564
3570
  /**
3565
3571
  * Do not edit directly
3566
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3572
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3567
3573
  */
3568
3574
  /**
3569
3575
  * TOKENS:
@@ -3686,7 +3692,7 @@ body {
3686
3692
 
3687
3693
  /**
3688
3694
  * Do not edit directly
3689
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3695
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3690
3696
  */
3691
3697
  /**
3692
3698
  * TOKENS:
@@ -3706,6 +3712,21 @@ body {
3706
3712
  grid-template-columns: 1fr;
3707
3713
  overflow: hidden;
3708
3714
  grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3715
+ --card-width: 625px;
3716
+ --corner-cut-height: 64px;
3717
+ --breadcrumbs-height: 48px;
3718
+ --image-gap: 240px;
3719
+ --row-1-lg: var(--breadcrumbs-height);
3720
+ --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3721
+ --row-3-lg: auto;
3722
+ --row-4-lg: 27px;
3723
+ --row-5-lg: 72px;
3724
+ --col-1-lg: 0;
3725
+ --col-2-lg: var(--card-width);
3726
+ --col-3-lg: 30px;
3727
+ --col-4-lg: 1fr;
3728
+ grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
3729
+ grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
3709
3730
  }
3710
3731
  .hero--image {
3711
3732
  display: grid;
@@ -3723,9 +3744,6 @@ body {
3723
3744
  .hero__gap__dark {
3724
3745
  background-color: rgb(35, 0, 80);
3725
3746
  }
3726
- .hero--breadcrumbs {
3727
- display: none;
3728
- }
3729
3747
  .hero--background {
3730
3748
  display: grid;
3731
3749
  background-color: rgb(235, 245, 253);
@@ -3751,7 +3769,6 @@ body {
3751
3769
  display: flex;
3752
3770
  justify-content: center;
3753
3771
  align-items: center;
3754
- position: relative;
3755
3772
  }
3756
3773
  .hero--caption--wrapper::after {
3757
3774
  content: "";
@@ -3764,187 +3781,167 @@ body {
3764
3781
  border-right: none;
3765
3782
  border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3766
3783
  }
3767
- @media screen and (min-width: 1024px) {
3768
- .hero {
3769
- --card-width: 625px;
3770
- --corner-cut-height: 64px;
3771
- --breadcrumbs-height: 48px;
3772
- --image-gap: 240px;
3773
- --row-1-lg: var(--breadcrumbs-height);
3774
- --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3775
- --row-3-lg: auto;
3776
- --row-4-lg: 27px;
3777
- --row-5-lg: 72px;
3778
- --col-1-lg: 0;
3779
- --col-2-lg: var(--card-width);
3780
- --col-3-lg: 30px;
3781
- --col-4-lg: 1fr;
3782
- grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
3783
- grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
3784
- }
3785
- .hero__poster-size__small {
3786
- --image-gap: 112px;
3787
- }
3788
- .hero__poster-size__medium {
3789
- --image-gap: 176px;
3790
- }
3791
- .hero__poster-size__large {
3792
- --image-gap: 240px;
3793
- }
3794
- .hero__poster-size__xlarge {
3795
- --image-gap: 527px;
3796
- }
3797
- .hero__card-size__small {
3798
- --card-width: 625px;
3799
- }
3800
- .hero__card-size__medium {
3801
- --card-width: 721px;
3802
- }
3803
- .hero__card-size__large {
3804
- --card-width: 856px;
3805
- }
3806
- .hero__card-size__xlarge {
3807
- --card-width: 920px;
3808
- }
3809
- .hero__card-size__xxlarge {
3810
- --card-width: 998px;
3811
- }
3812
- .hero__card-justify__start, .hero__card-justify__offset {
3813
- --card-padding-start: max(16px, min(
3814
- var(--base-offset) + var(--added-offset),
3815
- 71px
3816
- ));
3817
- --col-1-lg: calc(
3818
- var(--base-offset) - 71px + var(--added-offset)
3819
- );
3820
- }
3821
- .hero__card-justify__offset {
3822
- --added-offset: 109px;
3823
- }
3824
- .hero__card-justify__center {
3825
- --col-1-lg: calc((100% - var(--card-width)) / 2);
3826
- --col-4-lg: calc(
3827
- ((100% - var(--card-width)) / 2) - 30px
3828
- );
3829
- }
3830
- .hero__card-align__center {
3831
- --row-4-lg: calc(72px - 27px);
3832
- --row-5-lg: 27px;
3833
- }
3834
- .hero__card-align__bottom {
3835
- --row-3-lg: 0;
3836
- --row-4-lg: var(--corner-cut-height);
3837
- --row-5-lg: auto;
3838
- }
3839
- .hero__card-background__transparent .hero--card-offset {
3840
- background-color: transparent !important;
3841
- }
3842
- .hero__card-theme__dark .hero--card-offset {
3843
- background-color: rgb(35, 0, 80);
3844
- position: relative;
3845
- box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3846
- }
3847
- .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3848
- background: rgba(35, 0, 80, 0.6);
3849
- box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3850
- }
3851
- .hero__card-theme__light .hero--card-offset {
3852
- background: rgb(255, 255, 255);
3853
- box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3854
- }
3855
- .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3856
- background: rgba(255, 255, 255, 0.6);
3857
- box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3858
- }
3859
- .hero--breadcrumbs {
3860
- grid-area: 1/1/2/5;
3861
- z-index: 1;
3862
- display: flex;
3863
- flex-flow: row nowrap;
3864
- }
3865
- .hero--breadcrumbs--wrapper {
3866
- width: 100%;
3867
- }
3868
- .hero--background {
3869
- grid-area: 1/1/5/5;
3870
- }
3871
- .hero__card-align__center .hero--background {
3872
- grid-area: 1/1/6/5;
3873
- }
3874
- .hero__card-align__bottom .hero--background {
3875
- grid-area: 1/1/5/5;
3876
- }
3877
- .hero--card-offset {
3878
- grid-area: 3/1/6/2;
3879
- z-index: 0;
3880
- position: relative;
3881
- }
3882
- .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3883
- background: transparent !important;
3884
- }
3885
- .hero__card-align__center .hero--card-offset {
3886
- grid-area: 3/1/4/2;
3887
- }
3888
- .hero__card-align__bottom .hero--card-offset {
3889
- grid-area: 4/1/6/2;
3890
- }
3891
- .hero--card {
3892
- grid-area: 3/2/6/3;
3893
- }
3894
- .hero__card-align__center .hero--card {
3895
- grid-area: 3/2/4/3;
3896
- }
3897
- .hero__card-align__bottom .hero--card {
3898
- grid-area: 4/2/6/3;
3899
- }
3900
- .hero--caption {
3901
- grid-area: 4/3/5/4;
3902
- position: relative;
3903
- }
3904
- .hero__card-align__center .hero--caption {
3905
- grid-area: 5/1/6/3;
3906
- }
3907
- .hero__card-align__bottom .hero--caption {
3908
- grid-area: 4/1/5/2;
3909
- }
3910
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3911
- position: absolute;
3912
- left: 0;
3913
- bottom: 0;
3914
- }
3915
- .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3916
- grid-area: 1/1/3/3;
3917
- }
3918
- .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
3919
- grid-area: 1/2/3/3;
3920
- }
3921
- .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 {
3922
- background: rgb(45, 45, 45);
3923
- height: 27px;
3924
- width: 30px;
3925
- display: flex;
3926
- justify-content: center;
3927
- align-items: center;
3928
- position: relative;
3929
- position: absolute;
3930
- left: 0;
3931
- right: initial;
3932
- bottom: 0;
3933
- }
3934
- .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 {
3935
- content: "";
3936
- position: absolute;
3937
- top: 0;
3938
- width: 0;
3939
- height: 0;
3940
- border-top: 27px solid transparent;
3941
- left: 100%;
3942
- border-right: none;
3943
- border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3944
- }
3945
- .hero--caption--wrapper {
3946
- left: 2px;
3947
- }
3784
+ .hero__poster-size__small {
3785
+ --image-gap: 112px;
3786
+ }
3787
+ .hero__poster-size__medium {
3788
+ --image-gap: 176px;
3789
+ }
3790
+ .hero__poster-size__large {
3791
+ --image-gap: 240px;
3792
+ }
3793
+ .hero__poster-size__xlarge {
3794
+ --image-gap: 527px;
3795
+ }
3796
+ .hero__card-size__small {
3797
+ --card-width: 625px;
3798
+ }
3799
+ .hero__card-size__medium {
3800
+ --card-width: 721px;
3801
+ }
3802
+ .hero__card-size__large {
3803
+ --card-width: 856px;
3804
+ }
3805
+ .hero__card-size__xlarge {
3806
+ --card-width: 920px;
3807
+ }
3808
+ .hero__card-size__xxlarge {
3809
+ --card-width: 998px;
3810
+ }
3811
+ .hero__card-justify__start, .hero__card-justify__offset {
3812
+ --card-padding-start: max(16px, min(
3813
+ var(--base-offset) + var(--added-offset),
3814
+ 71px
3815
+ ));
3816
+ --col-1-lg: calc(
3817
+ var(--base-offset) - 71px + var(--added-offset)
3818
+ );
3819
+ }
3820
+ .hero__card-justify__offset {
3821
+ --added-offset: 109px;
3822
+ }
3823
+ .hero__card-justify__center {
3824
+ --col-1-lg: calc((100% - var(--card-width)) / 2);
3825
+ --col-4-lg: calc(
3826
+ ((100% - var(--card-width)) / 2) - 30px
3827
+ );
3828
+ }
3829
+ .hero__card-align__center {
3830
+ --row-4-lg: calc(72px - 27px);
3831
+ --row-5-lg: 27px;
3832
+ }
3833
+ .hero__card-align__bottom {
3834
+ --row-3-lg: 0;
3835
+ --row-4-lg: var(--corner-cut-height);
3836
+ --row-5-lg: auto;
3837
+ }
3838
+ .hero__card-background__transparent .hero--card-offset {
3839
+ background-color: transparent !important;
3840
+ }
3841
+ .hero__card-theme__dark .hero--card-offset {
3842
+ background-color: rgb(35, 0, 80);
3843
+ position: relative;
3844
+ box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3845
+ }
3846
+ .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3847
+ background: rgba(35, 0, 80, 0.6);
3848
+ box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3849
+ }
3850
+ .hero__card-theme__light .hero--card-offset {
3851
+ background: rgb(255, 255, 255);
3852
+ box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3853
+ }
3854
+ .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3855
+ background: rgba(255, 255, 255, 0.6);
3856
+ box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3857
+ }
3858
+ .hero--breadcrumbs {
3859
+ grid-area: 1/1/2/5;
3860
+ z-index: 1;
3861
+ display: flex;
3862
+ flex-flow: row nowrap;
3863
+ }
3864
+ .hero--breadcrumbs--wrapper {
3865
+ width: 100%;
3866
+ }
3867
+ .hero--background {
3868
+ grid-area: 1/1/5/5;
3869
+ }
3870
+ .hero__card-align__center .hero--background {
3871
+ grid-area: 1/1/6/5;
3872
+ }
3873
+ .hero__card-align__bottom .hero--background {
3874
+ grid-area: 1/1/5/5;
3875
+ }
3876
+ .hero--card-offset {
3877
+ grid-area: 3/1/6/2;
3878
+ z-index: 0;
3879
+ position: relative;
3880
+ }
3881
+ .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3882
+ background: transparent !important;
3883
+ }
3884
+ .hero__card-align__center .hero--card-offset {
3885
+ grid-area: 3/1/4/2;
3886
+ }
3887
+ .hero__card-align__bottom .hero--card-offset {
3888
+ grid-area: 4/1/6/2;
3889
+ }
3890
+ .hero--card {
3891
+ grid-area: 3/2/6/3;
3892
+ }
3893
+ .hero__card-align__center .hero--card {
3894
+ grid-area: 3/2/4/3;
3895
+ }
3896
+ .hero__card-align__bottom .hero--card {
3897
+ grid-area: 4/2/6/3;
3898
+ }
3899
+ .hero--caption {
3900
+ grid-area: 4/3/5/4;
3901
+ position: relative;
3902
+ }
3903
+ .hero__card-align__center .hero--caption {
3904
+ grid-area: 5/1/6/3;
3905
+ }
3906
+ .hero__card-align__bottom .hero--caption {
3907
+ grid-area: 4/1/5/2;
3908
+ }
3909
+ .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3910
+ position: absolute;
3911
+ left: 0;
3912
+ bottom: 0;
3913
+ }
3914
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3915
+ grid-area: 1/1/3/3;
3916
+ }
3917
+ .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
3918
+ grid-area: 1/2/3/3;
3919
+ }
3920
+ .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 {
3921
+ background: rgb(45, 45, 45);
3922
+ height: 27px;
3923
+ width: 30px;
3924
+ display: flex;
3925
+ justify-content: center;
3926
+ align-items: center;
3927
+ position: absolute;
3928
+ left: 0;
3929
+ right: initial;
3930
+ bottom: 0;
3931
+ }
3932
+ .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 {
3933
+ content: "";
3934
+ position: absolute;
3935
+ top: 0;
3936
+ width: 0;
3937
+ height: 0;
3938
+ border-top: 27px solid transparent;
3939
+ left: 100%;
3940
+ border-right: none;
3941
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3942
+ }
3943
+ .hero--caption--wrapper {
3944
+ left: 2px;
3948
3945
  }
3949
3946
  [dir=rtl] .hero--caption--wrapper {
3950
3947
  background: rgb(45, 45, 45);
@@ -3953,7 +3950,6 @@ body {
3953
3950
  display: flex;
3954
3951
  justify-content: center;
3955
3952
  align-items: center;
3956
- position: relative;
3957
3953
  right: 0;
3958
3954
  position: absolute;
3959
3955
  }
@@ -3969,37 +3965,34 @@ body {
3969
3965
  border-left: none;
3970
3966
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3971
3967
  }
3972
- @media screen and (min-width: 1024px) {
3973
- [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 {
3974
- background: rgb(45, 45, 45);
3975
- height: 27px;
3976
- width: 30px;
3977
- display: flex;
3978
- justify-content: center;
3979
- align-items: center;
3980
- position: relative;
3981
- position: absolute;
3982
- left: initial;
3983
- right: 0;
3984
- bottom: 0;
3985
- }
3986
- [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 {
3987
- content: "";
3988
- position: absolute;
3989
- top: 0;
3990
- width: 0;
3991
- height: 0;
3992
- border-top: 27px solid transparent;
3993
- left: auto;
3994
- right: 100%;
3995
- border-left: none;
3996
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3997
- }
3968
+ [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 {
3969
+ background: rgb(45, 45, 45);
3970
+ height: 27px;
3971
+ width: 30px;
3972
+ display: flex;
3973
+ justify-content: center;
3974
+ align-items: center;
3975
+ position: absolute;
3976
+ left: initial;
3977
+ right: 0;
3978
+ bottom: 0;
3979
+ }
3980
+ [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 {
3981
+ content: "";
3982
+ position: absolute;
3983
+ top: 0;
3984
+ width: 0;
3985
+ height: 0;
3986
+ border-top: 27px solid transparent;
3987
+ left: auto;
3988
+ right: 100%;
3989
+ border-left: none;
3990
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3998
3991
  }
3999
3992
 
4000
3993
  /**
4001
3994
  * Do not edit directly
4002
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3995
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4003
3996
  */
4004
3997
  /**
4005
3998
  * TOKENS:
@@ -4132,7 +4125,7 @@ body {
4132
4125
 
4133
4126
  /**
4134
4127
  * Do not edit directly
4135
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4128
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4136
4129
  */
4137
4130
  /**
4138
4131
  * TOKENS:
@@ -4188,7 +4181,7 @@ body {
4188
4181
 
4189
4182
  /**
4190
4183
  * Do not edit directly
4191
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4184
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4192
4185
  */
4193
4186
  /**
4194
4187
  * TOKENS:
@@ -4320,7 +4313,7 @@ body {
4320
4313
 
4321
4314
  /**
4322
4315
  * Do not edit directly
4323
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4316
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4324
4317
  */
4325
4318
  /**
4326
4319
  * TOKENS:
@@ -4330,7 +4323,7 @@ body {
4330
4323
  */
4331
4324
  /**
4332
4325
  * Do not edit directly
4333
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4326
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4334
4327
  */
4335
4328
  /**
4336
4329
  * TOKENS:
@@ -4355,7 +4348,7 @@ body {
4355
4348
  }
4356
4349
  /**
4357
4350
  * Do not edit directly
4358
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4351
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4359
4352
  */
4360
4353
  /**
4361
4354
  * TOKENS:
@@ -4518,7 +4511,7 @@ body {
4518
4511
 
4519
4512
  /**
4520
4513
  * Do not edit directly
4521
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4514
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4522
4515
  */
4523
4516
  /**
4524
4517
  * TOKENS:
@@ -4556,9 +4549,7 @@ body {
4556
4549
  padding-left: 0;
4557
4550
  }
4558
4551
  .ilo--list--horizontal {
4559
- align-items: center;
4560
4552
  display: flex;
4561
- flex-wrap: wrap;
4562
4553
  list-style: none;
4563
4554
  }
4564
4555
  .ilo--list--horizontal li::before {
@@ -4613,7 +4604,7 @@ body {
4613
4604
 
4614
4605
  /**
4615
4606
  * Do not edit directly
4616
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4607
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4617
4608
  */
4618
4609
  /**
4619
4610
  * TOKENS:
@@ -4623,7 +4614,7 @@ body {
4623
4614
  */
4624
4615
  /**
4625
4616
  * Do not edit directly
4626
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4617
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4627
4618
  */
4628
4619
  /**
4629
4620
  * TOKENS:
@@ -4633,7 +4624,7 @@ body {
4633
4624
  */
4634
4625
  /**
4635
4626
  * Do not edit directly
4636
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4627
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4637
4628
  */
4638
4629
  /**
4639
4630
  * TOKENS:
@@ -4804,7 +4795,7 @@ body {
4804
4795
 
4805
4796
  /**
4806
4797
  * Do not edit directly
4807
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4798
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4808
4799
  */
4809
4800
  /**
4810
4801
  * TOKENS:
@@ -4851,7 +4842,7 @@ body {
4851
4842
 
4852
4843
  /**
4853
4844
  * Do not edit directly
4854
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4845
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4855
4846
  */
4856
4847
  /**
4857
4848
  * TOKENS:
@@ -4861,7 +4852,7 @@ body {
4861
4852
  */
4862
4853
  /**
4863
4854
  * Do not edit directly
4864
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4855
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4865
4856
  */
4866
4857
  /**
4867
4858
  * TOKENS:
@@ -4871,7 +4862,7 @@ body {
4871
4862
  */
4872
4863
  /**
4873
4864
  * Do not edit directly
4874
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4865
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4875
4866
  */
4876
4867
  /**
4877
4868
  * TOKENS:
@@ -4968,7 +4959,7 @@ body {
4968
4959
 
4969
4960
  /**
4970
4961
  * Do not edit directly
4971
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4962
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4972
4963
  */
4973
4964
  /**
4974
4965
  * TOKENS:
@@ -5054,18 +5045,21 @@ body {
5054
5045
  }
5055
5046
  .ilo--header--logo {
5056
5047
  display: block;
5057
- width: 100%;
5048
+ height: 3.0010718114rem;
5049
+ }
5050
+ @media screen and (min-width: 1024px) {
5051
+ .ilo--header--logo {
5052
+ height: 3.8585209003rem;
5053
+ }
5058
5054
  }
5059
5055
  .ilo--header--logo-link {
5060
5056
  display: block;
5061
- padding: 16px 0;
5062
- max-width: 150px;
5063
- width: 100%;
5057
+ padding: 0.857449089rem 0;
5058
+ width: auto;
5064
5059
  }
5065
5060
  @media screen and (min-width: 1024px) {
5066
5061
  .ilo--header--logo-link {
5067
- padding: 0 0 24px;
5068
- max-width: 200px;
5062
+ padding: 0 0 1.2861736334rem;
5069
5063
  }
5070
5064
  }
5071
5065
  .ilo--header--logo-bar {
@@ -5849,7 +5843,7 @@ body {
5849
5843
 
5850
5844
  /**
5851
5845
  * Do not edit directly
5852
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5846
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5853
5847
  */
5854
5848
  /**
5855
5849
  * TOKENS:
@@ -5859,7 +5853,7 @@ body {
5859
5853
  */
5860
5854
  /**
5861
5855
  * Do not edit directly
5862
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5856
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5863
5857
  */
5864
5858
  /**
5865
5859
  * TOKENS:
@@ -5869,7 +5863,7 @@ body {
5869
5863
  */
5870
5864
  /**
5871
5865
  * Do not edit directly
5872
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5866
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5873
5867
  */
5874
5868
  /**
5875
5869
  * TOKENS:
@@ -6052,7 +6046,7 @@ body {
6052
6046
 
6053
6047
  /**
6054
6048
  * Do not edit directly
6055
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6049
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6056
6050
  */
6057
6051
  /**
6058
6052
  * TOKENS:
@@ -6159,9 +6153,6 @@ body {
6159
6153
  .ilo--pagination--next-page.ilo--pagination--disable:hover::before {
6160
6154
  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");
6161
6155
  }
6162
- .ilo--pagination--last-page {
6163
- margin: 0 0 0 0.4287245445rem;
6164
- }
6165
6156
  .ilo--pagination--last-page::before {
6166
6157
  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");
6167
6158
  }
@@ -6181,6 +6172,7 @@ body {
6181
6172
  font-size: 14.93px;
6182
6173
  letter-spacing: -0.02em;
6183
6174
  line-height: 20.16px;
6175
+ margin-inline-end: 0.4287245445rem;
6184
6176
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6185
6177
  font-weight: 400;
6186
6178
  line-height: 45px;
@@ -6193,7 +6185,7 @@ body {
6193
6185
 
6194
6186
  /**
6195
6187
  * Do not edit directly
6196
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6188
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6197
6189
  */
6198
6190
  /**
6199
6191
  * TOKENS:
@@ -6203,7 +6195,7 @@ body {
6203
6195
  */
6204
6196
  /**
6205
6197
  * Do not edit directly
6206
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6198
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6207
6199
  */
6208
6200
  /**
6209
6201
  * TOKENS:
@@ -6228,7 +6220,7 @@ body {
6228
6220
  }
6229
6221
  /**
6230
6222
  * Do not edit directly
6231
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6223
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6232
6224
  */
6233
6225
  /**
6234
6226
  * TOKENS:
@@ -6378,7 +6370,7 @@ body {
6378
6370
 
6379
6371
  /**
6380
6372
  * Do not edit directly
6381
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6373
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6382
6374
  */
6383
6375
  /**
6384
6376
  * TOKENS:
@@ -6447,7 +6439,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6447
6439
 
6448
6440
  /**
6449
6441
  * Do not edit directly
6450
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6442
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6451
6443
  */
6452
6444
  /**
6453
6445
  * TOKENS:
@@ -6457,7 +6449,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6457
6449
  */
6458
6450
  /**
6459
6451
  * Do not edit directly
6460
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6452
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6461
6453
  */
6462
6454
  /**
6463
6455
  * TOKENS:
@@ -6482,7 +6474,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6482
6474
  }
6483
6475
  /**
6484
6476
  * Do not edit directly
6485
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6477
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6486
6478
  */
6487
6479
  /**
6488
6480
  * TOKENS:
@@ -6538,7 +6530,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6538
6530
 
6539
6531
  /**
6540
6532
  * Do not edit directly
6541
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6533
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6542
6534
  */
6543
6535
  /**
6544
6536
  * TOKENS:
@@ -6549,9 +6541,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6549
6541
  .ilo--richtext {
6550
6542
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6551
6543
  font-weight: 400;
6552
- font-size: 16px;
6544
+ font-size: 18.66px;
6553
6545
  letter-spacing: normal;
6554
- line-height: 23.36px;
6546
+ line-height: 27.24px;
6555
6547
  }
6556
6548
  .ilo--richtext a {
6557
6549
  background: rgba(0, 0, 0, 0);
@@ -6641,6 +6633,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6641
6633
  .ilo--richtext p + figure,
6642
6634
  .ilo--richtext p + img,
6643
6635
  .ilo--richtext p + blockquote,
6636
+ .ilo--richtext p + iframe,
6644
6637
  .ilo--richtext ul + img,
6645
6638
  .ilo--richtext ol + img,
6646
6639
  .ilo--richtext dl + img,
@@ -6651,6 +6644,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6651
6644
  .ilo--richtext blockquote + hr {
6652
6645
  margin-top: 2.7675813769rem;
6653
6646
  }
6647
+ .ilo--richtext iframe {
6648
+ margin-bottom: 3.0010718114rem;
6649
+ }
6654
6650
  .ilo--richtext figure {
6655
6651
  width: 100%;
6656
6652
  margin-bottom: 3.0010718114rem;
@@ -6683,47 +6679,40 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6683
6679
  .ilo--richtext h2,
6684
6680
  .ilo--richtext h3,
6685
6681
  .ilo--richtext h4,
6686
- .ilo--richtext h5,
6687
- .ilo--richtext h6 {
6682
+ .ilo--richtext h5 {
6688
6683
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6689
6684
  font-weight: 700;
6690
6685
  margin-top: 3.0010718114rem;
6691
6686
  }
6692
6687
  .ilo--richtext h1 {
6693
6688
  margin-bottom: 0.6830690456rem;
6694
- font-size: 45.56px;
6689
+ font-size: 44px;
6695
6690
  letter-spacing: -0.035em;
6696
- line-height: 52.39px;
6691
+ line-height: 50.6px;
6697
6692
  }
6698
6693
  .ilo--richtext h2 {
6699
6694
  margin-bottom: 0.8565309039rem;
6700
- font-size: 36.45px;
6695
+ font-size: 36px;
6701
6696
  letter-spacing: -0.035em;
6702
- line-height: 43.74px;
6697
+ line-height: 43.2px;
6703
6698
  }
6704
6699
  .ilo--richtext h3 {
6705
6700
  margin-bottom: 0.5741425509rem;
6706
- font-size: 29.16px;
6701
+ font-size: 28px;
6707
6702
  letter-spacing: -0.035em;
6708
- line-height: 36.45px;
6703
+ line-height: 35px;
6709
6704
  }
6710
6705
  .ilo--richtext h4 {
6711
6706
  margin-bottom: 0.7188906752rem;
6712
- font-size: 23.32px;
6707
+ font-size: 24px;
6713
6708
  letter-spacing: -0.035em;
6714
- line-height: 29.15px;
6709
+ line-height: 30px;
6715
6710
  }
6716
6711
  .ilo--richtext h5 {
6717
6712
  margin-bottom: 0.8175044291rem;
6718
- font-size: 18.66px;
6719
- letter-spacing: -0.035em;
6720
- line-height: 24.26px;
6721
- }
6722
- .ilo--richtext h6 {
6723
- margin-bottom: 0.8175044291rem;
6724
- font-size: 18.66px;
6725
- letter-spacing: -0.035em;
6726
- line-height: 24.26px;
6713
+ font-size: 18px;
6714
+ letter-spacing: -0.02em;
6715
+ line-height: 23.4px;
6727
6716
  }
6728
6717
  .ilo--richtext ul,
6729
6718
  .ilo--richtext ol {
@@ -6759,7 +6748,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6759
6748
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6760
6749
  padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6761
6750
  position: relative;
6762
- width: 100%;
6751
+ width: fit-content;
6763
6752
  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");
6764
6753
  }
6765
6754
  .ilo--richtext blockquote p {
@@ -6812,45 +6801,38 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6812
6801
  .ilo--richtext h2,
6813
6802
  .ilo--richtext h3,
6814
6803
  .ilo--richtext h4,
6815
- .ilo--richtext h5,
6816
- .ilo--richtext h6 {
6804
+ .ilo--richtext h5 {
6817
6805
  margin-top: 3.4297963558rem;
6818
6806
  }
6819
6807
  .ilo--richtext h1 {
6820
6808
  margin-bottom: 0.8520418857rem;
6821
- font-size: 56.95px;
6809
+ font-size: 36px;
6822
6810
  letter-spacing: -0.035em;
6823
- line-height: 65.49px;
6811
+ line-height: 43.2px;
6824
6812
  }
6825
6813
  .ilo--richtext h2 {
6826
6814
  margin-bottom: 1.1117935901rem;
6827
- font-size: 45.56px;
6815
+ font-size: 28px;
6828
6816
  letter-spacing: -0.035em;
6829
- line-height: 52.39px;
6817
+ line-height: 35px;
6830
6818
  }
6831
6819
  .ilo--richtext h3 {
6832
6820
  margin-bottom: 0.8565309039rem;
6833
- font-size: 36.45px;
6821
+ font-size: 24px;
6834
6822
  letter-spacing: -0.035em;
6835
- line-height: 43.74px;
6823
+ line-height: 30px;
6836
6824
  }
6837
6825
  .ilo--richtext h4 {
6838
6826
  margin-bottom: 1.0028670954rem;
6839
- font-size: 29.16px;
6840
- letter-spacing: -0.035em;
6841
- line-height: 36.45px;
6827
+ font-size: 18px;
6828
+ letter-spacing: -0.02em;
6829
+ line-height: 23.4px;
6842
6830
  }
6843
6831
  .ilo--richtext h5 {
6844
6832
  margin-bottom: 1.1476152197rem;
6845
- font-size: 23.32px;
6846
- letter-spacing: -0.035em;
6847
- line-height: 29.15px;
6848
- }
6849
- .ilo--richtext h6 {
6850
- margin-bottom: 1.1476152197rem;
6851
- font-size: 23.32px;
6852
- letter-spacing: -0.035em;
6853
- line-height: 29.15px;
6833
+ font-size: 16px;
6834
+ letter-spacing: -0.02em;
6835
+ line-height: 21.6px;
6854
6836
  }
6855
6837
  .ilo--richtext p {
6856
6838
  margin-bottom: 0.9381095829rem;
@@ -6858,6 +6840,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6858
6840
  .ilo--richtext p + figure,
6859
6841
  .ilo--richtext p + img,
6860
6842
  .ilo--richtext p + blockquote,
6843
+ .ilo--richtext p + iframe,
6861
6844
  .ilo--richtext ul + img,
6862
6845
  .ilo--richtext ol + img,
6863
6846
  .ilo--richtext dl + img,
@@ -6944,7 +6927,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6944
6927
 
6945
6928
  /**
6946
6929
  * Do not edit directly
6947
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6930
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6948
6931
  */
6949
6932
  /**
6950
6933
  * TOKENS:
@@ -6995,7 +6978,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6995
6978
 
6996
6979
  /**
6997
6980
  * Do not edit directly
6998
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6981
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6999
6982
  */
7000
6983
  /**
7001
6984
  * TOKENS:
@@ -7151,7 +7134,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7151
7134
 
7152
7135
  /**
7153
7136
  * Do not edit directly
7154
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7137
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7155
7138
  */
7156
7139
  /**
7157
7140
  * TOKENS:
@@ -7482,7 +7465,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7482
7465
 
7483
7466
  /**
7484
7467
  * Do not edit directly
7485
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7468
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7486
7469
  */
7487
7470
  /**
7488
7471
  * TOKENS:
@@ -7606,6 +7589,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7606
7589
  font-weight: 500;
7607
7590
  margin: 0 0.4287245445rem 0 0.4287245445rem;
7608
7591
  padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7592
+ padding-inline-end: 2.5723472669rem;
7609
7593
  position: relative;
7610
7594
  text-decoration: none;
7611
7595
  width: calc(100% - 16px);
@@ -7662,7 +7646,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7662
7646
 
7663
7647
  /**
7664
7648
  * Do not edit directly
7665
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7649
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7666
7650
  */
7667
7651
  /**
7668
7652
  * TOKENS:
@@ -7717,7 +7701,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7717
7701
 
7718
7702
  /**
7719
7703
  * Do not edit directly
7720
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7704
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7721
7705
  */
7722
7706
  /**
7723
7707
  * TOKENS:
@@ -7843,6 +7827,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7843
7827
  font-size: 14.93px;
7844
7828
  letter-spacing: -0.02em;
7845
7829
  line-height: 20.16px;
7830
+ padding: 0.3483386924rem 0.5627009646rem;
7846
7831
  cursor: pointer;
7847
7832
  display: none;
7848
7833
  opacity: 0;
@@ -7892,7 +7877,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7892
7877
 
7893
7878
  /**
7894
7879
  * Do not edit directly
7895
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7880
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7896
7881
  */
7897
7882
  /**
7898
7883
  * TOKENS:
@@ -7944,7 +7929,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7944
7929
 
7945
7930
  /**
7946
7931
  * Do not edit directly
7947
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7932
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7948
7933
  */
7949
7934
  /**
7950
7935
  * TOKENS:
@@ -7954,7 +7939,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7954
7939
  */
7955
7940
  /**
7956
7941
  * Do not edit directly
7957
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7942
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7958
7943
  */
7959
7944
  /**
7960
7945
  * TOKENS:
@@ -8056,7 +8041,7 @@ input:checked + .ilo--input--toggle--slider:before {
8056
8041
 
8057
8042
  /**
8058
8043
  * Do not edit directly
8059
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
8044
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8060
8045
  */
8061
8046
  /**
8062
8047
  * TOKENS:
@@ -8158,7 +8143,7 @@ input:checked + .ilo--input--toggle--slider:before {
8158
8143
 
8159
8144
  /**
8160
8145
  * Do not edit directly
8161
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
8146
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8162
8147
  */
8163
8148
  /**
8164
8149
  * TOKENS:
@@ -8166,19 +8151,19 @@ input:checked + .ilo--input--toggle--slider:before {
8166
8151
  /**
8167
8152
  * MAPS:
8168
8153
  */
8169
- .ilo--video {
8154
+ .ilo--legacyvideo {
8170
8155
  position: relative;
8171
8156
  width: 100%;
8172
8157
  }
8173
- .ilo--video--wrapper {
8158
+ .ilo--legacyvideo--wrapper {
8174
8159
  line-height: 0;
8175
8160
  position: relative;
8176
8161
  width: 100%;
8177
8162
  }
8178
- .ilo--video--img {
8163
+ .ilo--legacyvideo--img {
8179
8164
  line-height: 0;
8180
8165
  }
8181
- .ilo--video--caption {
8166
+ .ilo--legacyvideo--caption {
8182
8167
  border-left: 0.1607717042rem solid rgb(184, 196, 204);
8183
8168
  color: rgb(109, 109, 109);
8184
8169
  font-weight: 400;
@@ -8188,42 +8173,42 @@ input:checked + .ilo--input--toggle--slider:before {
8188
8173
  letter-spacing: -0.02em;
8189
8174
  line-height: 20.16px;
8190
8175
  }
8191
- .ilo--video:focus,
8192
- .ilo--video .vjs-tech:focus {
8176
+ .ilo--legacyvideo:focus,
8177
+ .ilo--legacyvideo .vjs-tech:focus {
8193
8178
  outline: none;
8194
8179
  }
8195
- .ilo--video--element,
8196
- .ilo--video .vjs-tech {
8180
+ .ilo--legacyvideo--element,
8181
+ .ilo--legacyvideo .vjs-tech {
8197
8182
  height: auto;
8198
8183
  object-fit: cover;
8199
8184
  width: 100%;
8200
8185
  }
8201
- .ilo--video--element:focus,
8202
- .ilo--video .vjs-tech:focus {
8186
+ .ilo--legacyvideo--element:focus,
8187
+ .ilo--legacyvideo .vjs-tech:focus {
8203
8188
  outline: none;
8204
8189
  }
8205
- .ilo--video--player {
8190
+ .ilo--legacyvideo--player {
8206
8191
  position: relative;
8207
8192
  }
8208
- .ilo--video--player:focus {
8193
+ .ilo--legacyvideo--player:focus {
8209
8194
  outline: none;
8210
8195
  }
8211
- .ilo--video--player.youtube {
8196
+ .ilo--legacyvideo--player.youtube {
8212
8197
  height: auto;
8213
8198
  max-width: 100%;
8214
8199
  overflow: hidden;
8215
8200
  padding-bottom: 56.25%;
8216
8201
  position: relative;
8217
8202
  }
8218
- .ilo--video--player iframe {
8203
+ .ilo--legacyvideo--player iframe {
8219
8204
  height: 100%;
8220
8205
  left: 0;
8221
8206
  position: absolute;
8222
8207
  top: 0;
8223
8208
  width: 100%;
8224
8209
  }
8225
- .ilo--video--poster,
8226
- .ilo--video .vjs-poster {
8210
+ .ilo--legacyvideo--poster,
8211
+ .ilo--legacyvideo .vjs-poster {
8227
8212
  display: none;
8228
8213
  object-fit: cover;
8229
8214
  height: 100%;
@@ -8235,13 +8220,13 @@ input:checked + .ilo--input--toggle--slider:before {
8235
8220
  top: 0;
8236
8221
  width: 100%;
8237
8222
  }
8238
- .ilo--video--poster.show,
8239
- .ilo--video .vjs-poster.show {
8223
+ .ilo--legacyvideo--poster.show,
8224
+ .ilo--legacyvideo .vjs-poster.show {
8240
8225
  display: block;
8241
8226
  }
8242
- .ilo--video--poster img, .ilo--video--poster source,
8243
- .ilo--video .vjs-poster img,
8244
- .ilo--video .vjs-poster source {
8227
+ .ilo--legacyvideo--poster img, .ilo--legacyvideo--poster source,
8228
+ .ilo--legacyvideo .vjs-poster img,
8229
+ .ilo--legacyvideo .vjs-poster source {
8245
8230
  height: auto;
8246
8231
  left: 50%;
8247
8232
  position: absolute;
@@ -8249,8 +8234,8 @@ input:checked + .ilo--input--toggle--slider:before {
8249
8234
  transform: translate(-50%, -50%);
8250
8235
  width: 100%;
8251
8236
  }
8252
- .ilo--video--controls,
8253
- .ilo--video .vjs-control-bar {
8237
+ .ilo--legacyvideo--controls,
8238
+ .ilo--legacyvideo .vjs-control-bar {
8254
8239
  bottom: 0;
8255
8240
  color: rgb(255, 255, 255);
8256
8241
  display: flex;
@@ -8262,26 +8247,26 @@ input:checked + .ilo--input--toggle--slider:before {
8262
8247
  transition: opacity 150ms ease-out;
8263
8248
  width: 100%;
8264
8249
  }
8265
- .ilo--video--controls.notplayed,
8266
- .ilo--video .vjs-control-bar.notplayed {
8250
+ .ilo--legacyvideo--controls.notplayed,
8251
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8267
8252
  bottom: auto;
8268
8253
  opacity: 1;
8269
8254
  top: 0;
8270
8255
  }
8271
8256
  @media screen and (min-width: 1024px) {
8272
- .ilo--video--controls.notplayed,
8273
- .ilo--video .vjs-control-bar.notplayed {
8257
+ .ilo--legacyvideo--controls.notplayed,
8258
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8274
8259
  flex-direction: column;
8275
8260
  height: 122px;
8276
8261
  width: 0.2143622722rem;
8277
8262
  }
8278
8263
  }
8279
- [dir=rtl] .ilo--video--controls,
8280
- [dir=rtl] .ilo--video .vjs-control-bar {
8264
+ [dir=rtl] .ilo--legacyvideo--controls,
8265
+ [dir=rtl] .ilo--legacyvideo .vjs-control-bar {
8281
8266
  justify-content: flex-end;
8282
8267
  }
8283
- .ilo--video--controls button span,
8284
- .ilo--video .vjs-control-bar button span {
8268
+ .ilo--legacyvideo--controls button span,
8269
+ .ilo--legacyvideo .vjs-control-bar button span {
8285
8270
  width: 1px;
8286
8271
  height: 1px;
8287
8272
  margin: -1px;
@@ -8291,13 +8276,13 @@ input:checked + .ilo--input--toggle--slider:before {
8291
8276
  clip: rect(0 0 0 0);
8292
8277
  overflow: hidden;
8293
8278
  }
8294
- .ilo--video--controls--play, .ilo--video--controls--pause,
8295
- .ilo--video--controls .vjs-play-control,
8296
- .ilo--video--controls .vjs-big-play-button,
8297
- .ilo--video .vjs-control-bar--play,
8298
- .ilo--video .vjs-control-bar--pause,
8299
- .ilo--video .vjs-control-bar .vjs-play-control,
8300
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8279
+ .ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--pause,
8280
+ .ilo--legacyvideo--controls .vjs-play-control,
8281
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8282
+ .ilo--legacyvideo .vjs-control-bar--play,
8283
+ .ilo--legacyvideo .vjs-control-bar--pause,
8284
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control,
8285
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8301
8286
  background-color: rgb(45, 45, 45);
8302
8287
  border: none;
8303
8288
  cursor: pointer;
@@ -8308,163 +8293,163 @@ input:checked + .ilo--input--toggle--slider:before {
8308
8293
  -moz-appearance: none;
8309
8294
  }
8310
8295
  @media screen and (min-width: 1024px) {
8311
- .ilo--video--controls.notplayed .vjs-play-control,
8312
- .ilo--video--controls.notplayed .vjs-big-play-button,
8313
- .ilo--video .vjs-control-bar.notplayed .vjs-play-control,
8314
- .ilo--video .vjs-control-bar.notplayed .vjs-big-play-button {
8296
+ .ilo--legacyvideo--controls.notplayed .vjs-play-control,
8297
+ .ilo--legacyvideo--controls.notplayed .vjs-big-play-button,
8298
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-play-control,
8299
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-big-play-button {
8315
8300
  order: 1;
8316
8301
  height: 2.5723472669rem;
8317
8302
  width: 2.5723472669rem;
8318
8303
  }
8319
- .ilo--video--controls.notplayed .ilo--video--controls--play,
8320
- .ilo--video--controls.notplayed .ilo--video--controls--pause,
8321
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--play,
8322
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--pause {
8304
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--play,
8305
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--pause,
8306
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--play,
8307
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--pause {
8323
8308
  order: 1;
8324
8309
  height: 4.2872454448rem;
8325
8310
  width: 4.2872454448rem;
8326
8311
  }
8327
8312
  }
8328
- .ilo--video--controls--play,
8329
- .ilo--video--controls .vjs-play-control:not(.vjs-playing),
8330
- .ilo--video--controls .vjs-big-play-button,
8331
- .ilo--video .vjs-control-bar--play,
8332
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8333
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8313
+ .ilo--legacyvideo--controls--play,
8314
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing),
8315
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8316
+ .ilo--legacyvideo .vjs-control-bar--play,
8317
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8318
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8334
8319
  background-position: center center;
8335
8320
  background-repeat: no-repeat;
8336
8321
  background-size: 2.5723472669rem 2.5723472669rem;
8337
8322
  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");
8338
8323
  }
8339
- .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
8340
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8341
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
8342
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus,
8343
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered,
8344
- .ilo--video--controls .vjs-big-play-button:hover,
8345
- .ilo--video--controls .vjs-big-play-button:focus,
8346
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered,
8347
- .ilo--video .vjs-control-bar--play:hover,
8348
- .ilo--video .vjs-control-bar--play:focus,
8349
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8350
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8351
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8352
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered,
8353
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover,
8354
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus {
8324
+ .ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered, .ilo--legacyvideo--controls--play:hover, .ilo--legacyvideo--controls--play:focus,
8325
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8326
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover,
8327
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus,
8328
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8329
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover,
8330
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus,
8331
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered,
8332
+ .ilo--legacyvideo .vjs-control-bar--play:hover,
8333
+ .ilo--legacyvideo .vjs-control-bar--play:focus,
8334
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8335
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8336
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8337
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8338
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover,
8339
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus {
8355
8340
  background-color: rgb(235, 245, 253);
8356
8341
  background-position: center center;
8357
8342
  background-repeat: no-repeat;
8358
8343
  background-size: 2.5723472669rem 2.5723472669rem;
8359
8344
  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");
8360
8345
  }
8361
- .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,
8362
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8363
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8364
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8365
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8366
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8367
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8368
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8369
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8370
- .ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
8371
- .ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8372
- .ilo--video--controls .vjs-big-play-button:focus ~ .vjs-duration,
8373
- .ilo--video--controls .vjs-big-play-button:focus ~ .ilo--video--controls--duration,
8374
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .vjs-duration,
8375
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8376
- .ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
8377
- .ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
8378
- .ilo--video .vjs-control-bar--play:focus ~ .vjs-duration,
8379
- .ilo--video .vjs-control-bar--play:focus ~ .ilo--video--controls--duration,
8380
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8381
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8382
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8383
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8384
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8385
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8386
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8387
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8388
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8389
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8390
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8391
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--video--controls--duration {
8346
+ .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,
8347
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8348
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8349
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8350
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8351
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8352
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8353
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8354
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8355
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .vjs-duration,
8356
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8357
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .vjs-duration,
8358
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration,
8359
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8360
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8361
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .vjs-duration,
8362
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .ilo--legacyvideo--controls--duration,
8363
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .vjs-duration,
8364
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .ilo--legacyvideo--controls--duration,
8365
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8366
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8367
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8368
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8369
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8370
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8371
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8372
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8373
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8374
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8375
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8376
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration {
8392
8377
  background-color: rgb(235, 245, 253);
8393
8378
  color: rgb(30, 45, 190);
8394
8379
  }
8395
- .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8396
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8397
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8398
- .ilo--video--controls .vjs-big-play-button.vjs-paused,
8399
- .ilo--video--controls .vjs-big-play-button.vjs-ended,
8400
- .ilo--video .vjs-control-bar--play.vjs-paused,
8401
- .ilo--video .vjs-control-bar--play.vjs-ended,
8402
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8403
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8404
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8405
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8380
+ .ilo--legacyvideo--controls--play.vjs-paused, .ilo--legacyvideo--controls--play.vjs-ended,
8381
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8382
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8383
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused,
8384
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended,
8385
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused,
8386
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended,
8387
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8388
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8389
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused,
8390
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended {
8406
8391
  background-position: center center;
8407
8392
  background-repeat: no-repeat;
8408
8393
  background-size: 1.2861736334rem 1.2861736334rem;
8409
8394
  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");
8410
8395
  }
8411
- .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,
8412
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8413
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8414
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8415
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8416
- .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8417
- .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8418
- .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8419
- .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8420
- .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8421
- .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8422
- .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8423
- .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8424
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8425
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8426
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8427
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8428
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8429
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8430
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8431
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8396
+ .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,
8397
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8398
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8399
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8400
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8401
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:hover,
8402
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:focus,
8403
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:hover,
8404
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:focus,
8405
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:hover,
8406
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:focus,
8407
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:hover,
8408
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:focus,
8409
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8410
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8411
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8412
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8413
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8414
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8415
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8416
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8432
8417
  background-color: rgb(235, 245, 253);
8433
8418
  background-position: center center;
8434
8419
  background-repeat: no-repeat;
8435
8420
  background-size: 1.2861736334rem 1.2861736334rem;
8436
8421
  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");
8437
8422
  }
8438
- .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
8439
- .ilo--video .vjs-control-bar:not(.notplayed) .ilo--video--controls--play {
8423
+ .ilo--legacyvideo--controls:not(.notplayed) .ilo--legacyvideo--controls--play,
8424
+ .ilo--legacyvideo .vjs-control-bar:not(.notplayed) .ilo--legacyvideo--controls--play {
8440
8425
  background-size: 24px 24px;
8441
8426
  }
8442
- .ilo--video--controls--pause,
8443
- .ilo--video--controls .vjs-playing,
8444
- .ilo--video .vjs-control-bar--pause,
8445
- .ilo--video .vjs-control-bar .vjs-playing {
8427
+ .ilo--legacyvideo--controls--pause,
8428
+ .ilo--legacyvideo--controls .vjs-playing,
8429
+ .ilo--legacyvideo .vjs-control-bar--pause,
8430
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing {
8446
8431
  background-position: center center;
8447
8432
  background-repeat: no-repeat;
8448
8433
  background-size: 1.2861736334rem 1.2861736334rem;
8449
8434
  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");
8450
8435
  }
8451
- .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
8452
- .ilo--video--controls .vjs-playing:hover,
8453
- .ilo--video--controls .vjs-playing:focus,
8454
- .ilo--video .vjs-control-bar--pause:hover,
8455
- .ilo--video .vjs-control-bar--pause:focus,
8456
- .ilo--video .vjs-control-bar .vjs-playing:hover,
8457
- .ilo--video .vjs-control-bar .vjs-playing:focus {
8436
+ .ilo--legacyvideo--controls--pause:hover, .ilo--legacyvideo--controls--pause:focus,
8437
+ .ilo--legacyvideo--controls .vjs-playing:hover,
8438
+ .ilo--legacyvideo--controls .vjs-playing:focus,
8439
+ .ilo--legacyvideo .vjs-control-bar--pause:hover,
8440
+ .ilo--legacyvideo .vjs-control-bar--pause:focus,
8441
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:hover,
8442
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:focus {
8458
8443
  background-color: rgb(235, 245, 253);
8459
8444
  background-position: center center;
8460
8445
  background-repeat: no-repeat;
8461
8446
  background-size: 1.2861736334rem 1.2861736334rem;
8462
8447
  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");
8463
8448
  }
8464
- .ilo--video--controls--duration,
8465
- .ilo--video--controls .vjs-duration,
8466
- .ilo--video .vjs-control-bar--duration,
8467
- .ilo--video .vjs-control-bar .vjs-duration {
8449
+ .ilo--legacyvideo--controls--duration,
8450
+ .ilo--legacyvideo--controls .vjs-duration,
8451
+ .ilo--legacyvideo .vjs-control-bar--duration,
8452
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration {
8468
8453
  background-color: rgb(45, 45, 45);
8469
8454
  color: rgb(237, 240, 242);
8470
8455
  display: none;
@@ -8479,66 +8464,66 @@ input:checked + .ilo--input--toggle--slider:before {
8479
8464
  letter-spacing: -0.02em;
8480
8465
  line-height: 20.16px;
8481
8466
  }
8482
- .ilo--video--controls--duration.ilo--video--controls--duration--hovered, .ilo--video--controls--duration:hover, .ilo--video--controls--duration:focus,
8483
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered,
8484
- .ilo--video--controls .vjs-duration:hover,
8485
- .ilo--video--controls .vjs-duration:focus,
8486
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered,
8487
- .ilo--video .vjs-control-bar--duration:hover,
8488
- .ilo--video .vjs-control-bar--duration:focus,
8489
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered,
8490
- .ilo--video .vjs-control-bar .vjs-duration:hover,
8491
- .ilo--video .vjs-control-bar .vjs-duration:focus {
8467
+ .ilo--legacyvideo--controls--duration.ilo--legacyvideo--controls--duration--hovered, .ilo--legacyvideo--controls--duration:hover, .ilo--legacyvideo--controls--duration:focus,
8468
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8469
+ .ilo--legacyvideo--controls .vjs-duration:hover,
8470
+ .ilo--legacyvideo--controls .vjs-duration:focus,
8471
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered,
8472
+ .ilo--legacyvideo .vjs-control-bar--duration:hover,
8473
+ .ilo--legacyvideo .vjs-control-bar--duration:focus,
8474
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8475
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover,
8476
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus {
8492
8477
  background-color: rgb(235, 245, 253);
8493
8478
  color: rgb(30, 45, 190);
8494
8479
  }
8495
- .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,
8496
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8497
- .ilo--video--controls .vjs-duration:hover ~ .ilo--video--controls--play,
8498
- .ilo--video--controls .vjs-duration:focus ~ .ilo--video--controls--play,
8499
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8500
- .ilo--video .vjs-control-bar--duration:hover ~ .ilo--video--controls--play,
8501
- .ilo--video .vjs-control-bar--duration:focus ~ .ilo--video--controls--play,
8502
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8503
- .ilo--video .vjs-control-bar .vjs-duration:hover ~ .ilo--video--controls--play,
8504
- .ilo--video .vjs-control-bar .vjs-duration:focus ~ .ilo--video--controls--play {
8480
+ .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,
8481
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8482
+ .ilo--legacyvideo--controls .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8483
+ .ilo--legacyvideo--controls .vjs-duration:focus ~ .ilo--legacyvideo--controls--play,
8484
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8485
+ .ilo--legacyvideo .vjs-control-bar--duration:hover ~ .ilo--legacyvideo--controls--play,
8486
+ .ilo--legacyvideo .vjs-control-bar--duration:focus ~ .ilo--legacyvideo--controls--play,
8487
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8488
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8489
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus ~ .ilo--legacyvideo--controls--play {
8505
8490
  background-color: rgb(235, 245, 253);
8506
8491
  background-position: center center;
8507
8492
  background-repeat: no-repeat;
8508
8493
  background-size: 2.5723472669rem 2.5723472669rem;
8509
8494
  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");
8510
8495
  }
8511
- .ilo--video--controls--duration.show,
8512
- .ilo--video--controls .vjs-duration.show,
8513
- .ilo--video .vjs-control-bar--duration.show,
8514
- .ilo--video .vjs-control-bar .vjs-duration.show {
8496
+ .ilo--legacyvideo--controls--duration.show,
8497
+ .ilo--legacyvideo--controls .vjs-duration.show,
8498
+ .ilo--legacyvideo .vjs-control-bar--duration.show,
8499
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.show {
8515
8500
  display: block;
8516
8501
  }
8517
8502
  @media screen and (min-width: 1024px) {
8518
- .ilo--video--controls.notplayed .vjs-duration,
8519
- .ilo--video .vjs-control-bar.notplayed .vjs-duration {
8503
+ .ilo--legacyvideo--controls.notplayed .vjs-duration,
8504
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-duration {
8520
8505
  height: 2.1436227224rem;
8521
8506
  margin-left: 0;
8522
8507
  margin-top: 2px;
8523
8508
  width: 2.5723472669rem;
8524
8509
  }
8525
- .ilo--video--controls.notplayed .ilo--video--controls--duration,
8526
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--duration {
8510
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--duration,
8511
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--duration {
8527
8512
  height: 2.1436227224rem;
8528
8513
  margin-left: 0;
8529
8514
  margin-top: 2px;
8530
8515
  width: 4.2872454448rem;
8531
8516
  }
8532
8517
  }
8533
- .ilo--video--controls .vjs-progress-holder,
8534
- .ilo--video .vjs-control-bar .vjs-progress-holder {
8518
+ .ilo--legacyvideo--controls .vjs-progress-holder,
8519
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-holder {
8535
8520
  position: relative;
8536
8521
  width: 96%;
8537
8522
  }
8538
- .ilo--video--controls--progress,
8539
- .ilo--video--controls .vjs-progress-control,
8540
- .ilo--video .vjs-control-bar--progress,
8541
- .ilo--video .vjs-control-bar .vjs-progress-control {
8523
+ .ilo--legacyvideo--controls--progress,
8524
+ .ilo--legacyvideo--controls .vjs-progress-control,
8525
+ .ilo--legacyvideo .vjs-control-bar--progress,
8526
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8542
8527
  background-color: rgb(45, 45, 45);
8543
8528
  display: none;
8544
8529
  flex-grow: 1;
@@ -8547,19 +8532,19 @@ input:checked + .ilo--input--toggle--slider:before {
8547
8532
  order: 3;
8548
8533
  position: relative;
8549
8534
  }
8550
- .ilo--video--controls--progress.show, .vjs-has-started .ilo--video--controls--progress,
8551
- .ilo--video--controls .vjs-progress-control.show,
8552
- .vjs-has-started .ilo--video--controls .vjs-progress-control,
8553
- .ilo--video .vjs-control-bar--progress.show,
8554
- .vjs-has-started .ilo--video .vjs-control-bar--progress,
8555
- .ilo--video .vjs-control-bar .vjs-progress-control.show,
8556
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-progress-control {
8535
+ .ilo--legacyvideo--controls--progress.show, .vjs-has-started .ilo--legacyvideo--controls--progress,
8536
+ .ilo--legacyvideo--controls .vjs-progress-control.show,
8537
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-progress-control,
8538
+ .ilo--legacyvideo .vjs-control-bar--progress.show,
8539
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--progress,
8540
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control.show,
8541
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8557
8542
  display: block;
8558
8543
  }
8559
- .ilo--video--controls--progress-playhead,
8560
- .ilo--video--controls .vjs-progress-control-playhead,
8561
- .ilo--video .vjs-control-bar--progress-playhead,
8562
- .ilo--video .vjs-control-bar .vjs-progress-control-playhead {
8544
+ .ilo--legacyvideo--controls--progress-playhead,
8545
+ .ilo--legacyvideo--controls .vjs-progress-control-playhead,
8546
+ .ilo--legacyvideo .vjs-control-bar--progress-playhead,
8547
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-playhead {
8563
8548
  height: 100%;
8564
8549
  left: 2%;
8565
8550
  opacity: 0;
@@ -8569,14 +8554,14 @@ input:checked + .ilo--input--toggle--slider:before {
8569
8554
  width: 96%;
8570
8555
  z-index: 20;
8571
8556
  }
8572
- .ilo--video--controls--progress-current,
8573
- .ilo--video--controls--progress .vjs-play-progress,
8574
- .ilo--video--controls .vjs-progress-control-current,
8575
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8576
- .ilo--video .vjs-control-bar--progress-current,
8577
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8578
- .ilo--video .vjs-control-bar .vjs-progress-control-current,
8579
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8557
+ .ilo--legacyvideo--controls--progress-current,
8558
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8559
+ .ilo--legacyvideo--controls .vjs-progress-control-current,
8560
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8561
+ .ilo--legacyvideo .vjs-control-bar--progress-current,
8562
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8563
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current,
8564
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8580
8565
  height: 8px;
8581
8566
  left: 2%;
8582
8567
  position: absolute;
@@ -8585,54 +8570,54 @@ input:checked + .ilo--input--toggle--slider:before {
8585
8570
  z-index: 15;
8586
8571
  -webkit-appearance: none;
8587
8572
  }
8588
- .ilo--video--controls--progress-current::-moz-progress-bar,
8589
- .ilo--video--controls--progress .vjs-play-progress::-moz-progress-bar,
8590
- .ilo--video--controls .vjs-progress-control-current::-moz-progress-bar,
8591
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8592
- .ilo--video .vjs-control-bar--progress-current::-moz-progress-bar,
8593
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8594
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8595
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8573
+ .ilo--legacyvideo--controls--progress-current::-moz-progress-bar,
8574
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-moz-progress-bar,
8575
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-moz-progress-bar,
8576
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8577
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-moz-progress-bar,
8578
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8579
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8580
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8596
8581
  background: rgb(235, 245, 253);
8597
8582
  border-radius: 0;
8598
8583
  }
8599
- .ilo--video--controls--progress-current::-webkit-progress-bar,
8600
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-bar,
8601
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-bar,
8602
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8603
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-bar,
8604
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8605
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8606
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8584
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-bar,
8585
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-bar,
8586
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-bar,
8587
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8588
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-bar,
8589
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8590
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8591
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8607
8592
  background: transparent;
8608
8593
  }
8609
- .ilo--video--controls--progress-current::-webkit-progress-value,
8610
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-value,
8611
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-value,
8612
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8613
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-value,
8614
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8615
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8616
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8594
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-value,
8595
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-value,
8596
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-value,
8597
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8598
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-value,
8599
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8600
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8601
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8617
8602
  background: rgb(235, 245, 253);
8618
8603
  border-radius: 0;
8619
8604
  }
8620
- .ilo--video--controls--progress .vjs-play-progress,
8621
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8622
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8623
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8605
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8606
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8607
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8608
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8624
8609
  background: rgb(235, 245, 253);
8625
8610
  }
8626
- .ilo--video--controls--progress .vjs-play-progress .vjs-time-tooltip,
8627
- .ilo--video--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8628
- .ilo--video .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8629
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8611
+ .ilo--legacyvideo--controls--progress .vjs-play-progress .vjs-time-tooltip,
8612
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8613
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8614
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8630
8615
  display: none;
8631
8616
  }
8632
- .ilo--video--controls--progress div[data-start],
8633
- .ilo--video--controls .vjs-progress-control div[data-start],
8634
- .ilo--video .vjs-control-bar--progress div[data-start],
8635
- .ilo--video .vjs-control-bar .vjs-progress-control div[data-start] {
8617
+ .ilo--legacyvideo--controls--progress div[data-start],
8618
+ .ilo--legacyvideo--controls .vjs-progress-control div[data-start],
8619
+ .ilo--legacyvideo .vjs-control-bar--progress div[data-start],
8620
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control div[data-start] {
8636
8621
  background: rgb(184, 196, 204);
8637
8622
  height: 8px;
8638
8623
  left: 2%;
@@ -8641,27 +8626,27 @@ input:checked + .ilo--input--toggle--slider:before {
8641
8626
  width: 96%;
8642
8627
  z-index: 15;
8643
8628
  }
8644
- .ilo--video--controls--progress-played,
8645
- .ilo--video--controls--progress .vjs-mouse-display,
8646
- .ilo--video--controls .vjs-progress-control-played,
8647
- .ilo--video--controls .vjs-progress-control .vjs-mouse-display,
8648
- .ilo--video .vjs-control-bar--progress-played,
8649
- .ilo--video .vjs-control-bar--progress .vjs-mouse-display,
8650
- .ilo--video .vjs-control-bar .vjs-progress-control-played,
8651
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8629
+ .ilo--legacyvideo--controls--progress-played,
8630
+ .ilo--legacyvideo--controls--progress .vjs-mouse-display,
8631
+ .ilo--legacyvideo--controls .vjs-progress-control-played,
8632
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-mouse-display,
8633
+ .ilo--legacyvideo .vjs-control-bar--progress-played,
8634
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-mouse-display,
8635
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-played,
8636
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8652
8637
  display: none;
8653
8638
  position: absolute;
8654
8639
  top: -40px;
8655
8640
  z-index: 20;
8656
8641
  }
8657
- .ilo--video--controls--progress-loaded,
8658
- .ilo--video--controls--progress .vjs-load-progress,
8659
- .ilo--video--controls .vjs-progress-control-loaded,
8660
- .ilo--video--controls .vjs-progress-control .vjs-load-progress,
8661
- .ilo--video .vjs-control-bar--progress-loaded,
8662
- .ilo--video .vjs-control-bar--progress .vjs-load-progress,
8663
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded,
8664
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8642
+ .ilo--legacyvideo--controls--progress-loaded,
8643
+ .ilo--legacyvideo--controls--progress .vjs-load-progress,
8644
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded,
8645
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress,
8646
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded,
8647
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress,
8648
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded,
8649
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8665
8650
  height: 8px;
8666
8651
  left: 2%;
8667
8652
  position: absolute;
@@ -8670,54 +8655,54 @@ input:checked + .ilo--input--toggle--slider:before {
8670
8655
  z-index: 10;
8671
8656
  -webkit-appearance: none;
8672
8657
  }
8673
- .ilo--video--controls--progress-loaded::-moz-progress-bar,
8674
- .ilo--video--controls--progress .vjs-load-progress::-moz-progress-bar,
8675
- .ilo--video--controls .vjs-progress-control-loaded::-moz-progress-bar,
8676
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8677
- .ilo--video .vjs-control-bar--progress-loaded::-moz-progress-bar,
8678
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8679
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8680
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8658
+ .ilo--legacyvideo--controls--progress-loaded::-moz-progress-bar,
8659
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-moz-progress-bar,
8660
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-moz-progress-bar,
8661
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8662
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-moz-progress-bar,
8663
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8664
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8665
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8681
8666
  background: rgb(184, 196, 204);
8682
8667
  border-radius: 0;
8683
8668
  }
8684
- .ilo--video--controls--progress-loaded::-webkit-progress-bar,
8685
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-bar,
8686
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8687
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8688
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8689
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8690
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8691
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8669
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-bar,
8670
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-bar,
8671
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8672
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8673
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8674
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8675
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8676
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8692
8677
  background: transparent;
8693
8678
  }
8694
- .ilo--video--controls--progress-loaded::-webkit-progress-value,
8695
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-value,
8696
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-value,
8697
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8698
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-value,
8699
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8700
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8701
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8679
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-value,
8680
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-value,
8681
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-value,
8682
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8683
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-value,
8684
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8685
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8686
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8702
8687
  background: rgb(184, 196, 204);
8703
8688
  border-radius: 0;
8704
8689
  }
8705
- .ilo--video--controls--progress:hover .vjs-play-progress, .ilo--video--controls--progress:focus .vjs-play-progress,
8706
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress,
8707
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress,
8708
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress,
8709
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress,
8710
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8711
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8690
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress,
8691
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress,
8692
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress,
8693
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress,
8694
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress,
8695
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8696
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8712
8697
  position: relative;
8713
8698
  }
8714
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8715
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8716
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8717
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8718
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8719
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8720
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8699
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8700
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8701
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8702
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8703
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8704
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8705
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8721
8706
  align-items: center;
8722
8707
  background-color: rgb(45, 45, 45);
8723
8708
  display: flex;
@@ -8731,13 +8716,13 @@ input:checked + .ilo--input--toggle--slider:before {
8731
8716
  letter-spacing: -0.02em;
8732
8717
  line-height: 16.24px;
8733
8718
  }
8734
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8735
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8736
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8737
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8738
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8739
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8740
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8719
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8720
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8721
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8722
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8723
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8724
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8725
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8741
8726
  background-position: top left;
8742
8727
  background-repeat: no-repeat;
8743
8728
  background-size: contain;
@@ -8749,25 +8734,25 @@ input:checked + .ilo--input--toggle--slider:before {
8749
8734
  bottom: -0.6430868167rem;
8750
8735
  width: 0.6430868167rem;
8751
8736
  }
8752
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played-container,
8753
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8754
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played-container,
8755
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played-container,
8756
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played-container,
8757
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8758
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played-container {
8737
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played-container, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8738
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8739
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container,
8740
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played-container,
8741
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8742
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8743
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container {
8759
8744
  position: absolute;
8760
8745
  left: 2%;
8761
8746
  top: 0;
8762
8747
  width: 96%;
8763
8748
  }
8764
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played,
8765
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played,
8766
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played,
8767
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played,
8768
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played,
8769
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played,
8770
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played {
8749
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played,
8750
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8751
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played,
8752
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played,
8753
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played,
8754
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8755
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played {
8771
8756
  --playhead: 0%;
8772
8757
  align-items: center;
8773
8758
  background-color: rgb(45, 45, 45);
@@ -8782,13 +8767,13 @@ input:checked + .ilo--input--toggle--slider:before {
8782
8767
  letter-spacing: -0.02em;
8783
8768
  line-height: 16.24px;
8784
8769
  }
8785
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played:after,
8786
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8787
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played:after,
8788
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played:after,
8789
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played:after,
8790
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8791
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played:after {
8770
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played:after, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8771
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8772
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after,
8773
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played:after,
8774
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8775
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8776
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after {
8792
8777
  background-position: top left;
8793
8778
  background-repeat: no-repeat;
8794
8779
  background-size: contain;
@@ -8800,10 +8785,10 @@ input:checked + .ilo--input--toggle--slider:before {
8800
8785
  bottom: -0.6430868167rem;
8801
8786
  width: 0.6430868167rem;
8802
8787
  }
8803
- .ilo--video--controls--volume,
8804
- .ilo--video--controls .vjs-volume-panel,
8805
- .ilo--video .vjs-control-bar--volume,
8806
- .ilo--video .vjs-control-bar .vjs-volume-panel {
8788
+ .ilo--legacyvideo--controls--volume,
8789
+ .ilo--legacyvideo--controls .vjs-volume-panel,
8790
+ .ilo--legacyvideo .vjs-control-bar--volume,
8791
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8807
8792
  border-bottom: 1px solid;
8808
8793
  bottom: 0;
8809
8794
  display: none;
@@ -8814,28 +8799,28 @@ input:checked + .ilo--input--toggle--slider:before {
8814
8799
  position: relative;
8815
8800
  width: 40px;
8816
8801
  }
8817
- .ilo--video--controls--volume.show, .vjs-has-started .ilo--video--controls--volume,
8818
- .ilo--video--controls .vjs-volume-panel.show,
8819
- .vjs-has-started .ilo--video--controls .vjs-volume-panel,
8820
- .ilo--video .vjs-control-bar--volume.show,
8821
- .vjs-has-started .ilo--video .vjs-control-bar--volume,
8822
- .ilo--video .vjs-control-bar .vjs-volume-panel.show,
8823
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
8802
+ .ilo--legacyvideo--controls--volume.show, .vjs-has-started .ilo--legacyvideo--controls--volume,
8803
+ .ilo--legacyvideo--controls .vjs-volume-panel.show,
8804
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-volume-panel,
8805
+ .ilo--legacyvideo .vjs-control-bar--volume.show,
8806
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--volume,
8807
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.show,
8808
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8824
8809
  display: block;
8825
8810
  }
8826
- .ilo--video--controls--volume:hover .vjs-volume-control, .ilo--video--controls--volume:focus .vjs-volume-control,
8827
- .ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
8828
- .ilo--video--controls .vjs-volume-panel:focus .vjs-volume-control,
8829
- .ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
8830
- .ilo--video .vjs-control-bar--volume:focus .vjs-volume-control,
8831
- .ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8832
- .ilo--video .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8811
+ .ilo--legacyvideo--controls--volume:hover .vjs-volume-control, .ilo--legacyvideo--controls--volume:focus .vjs-volume-control,
8812
+ .ilo--legacyvideo--controls .vjs-volume-panel:hover .vjs-volume-control,
8813
+ .ilo--legacyvideo--controls .vjs-volume-panel:focus .vjs-volume-control,
8814
+ .ilo--legacyvideo .vjs-control-bar--volume:hover .vjs-volume-control,
8815
+ .ilo--legacyvideo .vjs-control-bar--volume:focus .vjs-volume-control,
8816
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8817
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8833
8818
  display: block;
8834
8819
  }
8835
- .ilo--video--controls--showvolume,
8836
- .ilo--video--controls .vjs-mute-control,
8837
- .ilo--video .vjs-control-bar--showvolume,
8838
- .ilo--video .vjs-control-bar .vjs-mute-control {
8820
+ .ilo--legacyvideo--controls--showvolume,
8821
+ .ilo--legacyvideo--controls .vjs-mute-control,
8822
+ .ilo--legacyvideo .vjs-control-bar--showvolume,
8823
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control {
8839
8824
  background-color: rgb(45, 45, 45);
8840
8825
  border: none;
8841
8826
  cursor: pointer;
@@ -8851,54 +8836,54 @@ input:checked + .ilo--input--toggle--slider:before {
8851
8836
  background-size: 1.2861736334rem 1.2861736334rem;
8852
8837
  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");
8853
8838
  }
8854
- .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
8855
- .ilo--video--controls .vjs-mute-control:hover,
8856
- .ilo--video--controls .vjs-mute-control:focus,
8857
- .ilo--video .vjs-control-bar--showvolume:hover,
8858
- .ilo--video .vjs-control-bar--showvolume:focus,
8859
- .ilo--video .vjs-control-bar .vjs-mute-control:hover,
8860
- .ilo--video .vjs-control-bar .vjs-mute-control:focus {
8839
+ .ilo--legacyvideo--controls--showvolume:hover, .ilo--legacyvideo--controls--showvolume:focus,
8840
+ .ilo--legacyvideo--controls .vjs-mute-control:hover,
8841
+ .ilo--legacyvideo--controls .vjs-mute-control:focus,
8842
+ .ilo--legacyvideo .vjs-control-bar--showvolume:hover,
8843
+ .ilo--legacyvideo .vjs-control-bar--showvolume:focus,
8844
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:hover,
8845
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:focus {
8861
8846
  background-color: rgb(235, 245, 253);
8862
8847
  background-position: center center;
8863
8848
  background-repeat: no-repeat;
8864
8849
  background-size: 1.2861736334rem 1.2861736334rem;
8865
8850
  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");
8866
8851
  }
8867
- .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
8868
- .ilo--video--controls .vjs-mute-control.muted,
8869
- .ilo--video--controls .vjs-mute-control[title=Unmute],
8870
- .ilo--video .vjs-control-bar--showvolume.muted,
8871
- .ilo--video .vjs-control-bar--showvolume[title=Unmute],
8872
- .ilo--video .vjs-control-bar .vjs-mute-control.muted,
8873
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
8852
+ .ilo--legacyvideo--controls--showvolume.muted, .ilo--legacyvideo--controls--showvolume[title=Unmute],
8853
+ .ilo--legacyvideo--controls .vjs-mute-control.muted,
8854
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute],
8855
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted,
8856
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute],
8857
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted,
8858
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute] {
8874
8859
  background-position: center center;
8875
8860
  background-repeat: no-repeat;
8876
8861
  background-size: 1.2861736334rem 1.2861736334rem;
8877
8862
  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");
8878
8863
  }
8879
- .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,
8880
- .ilo--video--controls .vjs-mute-control.muted:hover,
8881
- .ilo--video--controls .vjs-mute-control.muted:focus,
8882
- .ilo--video--controls .vjs-mute-control[title=Unmute]:hover,
8883
- .ilo--video--controls .vjs-mute-control[title=Unmute]:focus,
8884
- .ilo--video .vjs-control-bar--showvolume.muted:hover,
8885
- .ilo--video .vjs-control-bar--showvolume.muted:focus,
8886
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:hover,
8887
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:focus,
8888
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:hover,
8889
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:focus,
8890
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8891
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8864
+ .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,
8865
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:hover,
8866
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:focus,
8867
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:hover,
8868
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:focus,
8869
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:hover,
8870
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:focus,
8871
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:hover,
8872
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:focus,
8873
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:hover,
8874
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:focus,
8875
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8876
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8892
8877
  background-color: #ebf5fd;
8893
8878
  background-position: center center;
8894
8879
  background-repeat: no-repeat;
8895
8880
  background-size: 1.2861736334rem 1.2861736334rem;
8896
8881
  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");
8897
8882
  }
8898
- .ilo--video--controls--setvolume,
8899
- .ilo--video--controls .vjs-volume-control,
8900
- .ilo--video .vjs-control-bar--setvolume,
8901
- .ilo--video .vjs-control-bar .vjs-volume-control {
8883
+ .ilo--legacyvideo--controls--setvolume,
8884
+ .ilo--legacyvideo--controls .vjs-volume-control,
8885
+ .ilo--legacyvideo .vjs-control-bar--setvolume,
8886
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-control {
8902
8887
  background: rgb(235, 245, 253);
8903
8888
  border-left: 3px solid rgb(184, 196, 204);
8904
8889
  display: none;
@@ -8911,33 +8896,33 @@ input:checked + .ilo--input--toggle--slider:before {
8911
8896
  top: 9px;
8912
8897
  width: 7.3954983923rem;
8913
8898
  }
8914
- .ilo--video--controls--setvolume,
8915
- .ilo--video .vjs-control-bar--setvolume {
8899
+ .ilo--legacyvideo--controls--setvolume,
8900
+ .ilo--legacyvideo .vjs-control-bar--setvolume {
8916
8901
  border-left: 8px solid rgb(235, 245, 253);
8917
8902
  border-right: 8px solid rgb(235, 245, 253);
8918
8903
  width: 6.5380493033rem;
8919
8904
  -webkit-appearance: none;
8920
8905
  }
8921
- .ilo--video--controls--setvolume.show,
8922
- .ilo--video .vjs-control-bar--setvolume.show {
8906
+ .ilo--legacyvideo--controls--setvolume.show,
8907
+ .ilo--legacyvideo .vjs-control-bar--setvolume.show {
8923
8908
  display: block;
8924
8909
  }
8925
- .ilo--video--controls--setvolume-container,
8926
- .ilo--video .vjs-control-bar--setvolume-container {
8910
+ .ilo--legacyvideo--controls--setvolume-container,
8911
+ .ilo--legacyvideo .vjs-control-bar--setvolume-container {
8927
8912
  left: -2px;
8928
8913
  position: absolute;
8929
8914
  top: -2px;
8930
8915
  }
8931
- .ilo--video--controls--setvolume::-webkit-slider-runnable-track,
8932
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8916
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-runnable-track,
8917
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8933
8918
  background-color: rgb(30, 45, 190);
8934
8919
  border: none;
8935
8920
  box-shadow: none;
8936
8921
  height: 4px;
8937
8922
  cursor: pointer;
8938
8923
  }
8939
- .ilo--video--controls--setvolume::-webkit-slider-thumb,
8940
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-thumb {
8924
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-thumb,
8925
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-thumb {
8941
8926
  background-color: rgb(30, 45, 190);
8942
8927
  border: none;
8943
8928
  border-radius: 50%;
@@ -8948,39 +8933,39 @@ input:checked + .ilo--input--toggle--slider:before {
8948
8933
  width: 16px;
8949
8934
  -webkit-appearance: none;
8950
8935
  }
8951
- .ilo--video--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8952
- .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8936
+ .ilo--legacyvideo--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8937
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8953
8938
  align-items: center;
8954
8939
  cursor: pointer;
8955
8940
  display: flex;
8956
8941
  justify-content: center;
8957
8942
  }
8958
- .ilo--video--controls .vjs-volume-bar,
8959
- .ilo--video .vjs-control-bar .vjs-volume-bar {
8943
+ .ilo--legacyvideo--controls .vjs-volume-bar,
8944
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-bar {
8960
8945
  height: 4px;
8961
8946
  position: relative;
8962
8947
  width: calc(100% - 26px);
8963
8948
  }
8964
- .ilo--video--controls .vjs-mouse-display,
8965
- .ilo--video--controls .vjs-volume-level,
8966
- .ilo--video .vjs-control-bar .vjs-mouse-display,
8967
- .ilo--video .vjs-control-bar .vjs-volume-level {
8949
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8950
+ .ilo--legacyvideo--controls .vjs-volume-level,
8951
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display,
8952
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8968
8953
  height: 4px;
8969
8954
  left: 0;
8970
8955
  position: absolute;
8971
8956
  top: 0;
8972
8957
  }
8973
- .ilo--video--controls .vjs-mouse-display,
8974
- .ilo--video .vjs-control-bar .vjs-mouse-display {
8958
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8959
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display {
8975
8960
  background-color: rgb(184, 196, 204);
8976
8961
  width: 100%;
8977
8962
  }
8978
- .ilo--video--controls .vjs-volume-level,
8979
- .ilo--video .vjs-control-bar .vjs-volume-level {
8963
+ .ilo--legacyvideo--controls .vjs-volume-level,
8964
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8980
8965
  background-color: rgb(30, 45, 190);
8981
8966
  }
8982
- .ilo--video--controls .vjs-volume-level:before,
8983
- .ilo--video .vjs-control-bar .vjs-volume-level:before {
8967
+ .ilo--legacyvideo--controls .vjs-volume-level:before,
8968
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level:before {
8984
8969
  background: rgb(30, 45, 190);
8985
8970
  border-radius: 50%;
8986
8971
  content: "";
@@ -8995,14 +8980,14 @@ input:checked + .ilo--input--toggle--slider:before {
8995
8980
  -ms-transform: translate(-50%, -50%);
8996
8981
  transform: translate(-50%, -50%);
8997
8982
  }
8998
- .ilo--video--controls .vjs-volume-tooltip,
8999
- .ilo--video .vjs-control-bar .vjs-volume-tooltip {
8983
+ .ilo--legacyvideo--controls .vjs-volume-tooltip,
8984
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-tooltip {
9000
8985
  display: none;
9001
8986
  }
9002
- .ilo--video--controls--fullscreen,
9003
- .ilo--video--controls .vjs-fullscreen-control,
9004
- .ilo--video .vjs-control-bar--fullscreen,
9005
- .ilo--video .vjs-control-bar .vjs-fullscreen-control {
8987
+ .ilo--legacyvideo--controls--fullscreen,
8988
+ .ilo--legacyvideo--controls .vjs-fullscreen-control,
8989
+ .ilo--legacyvideo .vjs-control-bar--fullscreen,
8990
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control {
9006
8991
  background-color: rgb(45, 45, 45);
9007
8992
  border: none;
9008
8993
  cursor: pointer;
@@ -9018,100 +9003,100 @@ input:checked + .ilo--input--toggle--slider:before {
9018
9003
  background-size: 1.2861736334rem 1.2861736334rem;
9019
9004
  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");
9020
9005
  }
9021
- .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
9022
- .ilo--video--controls .vjs-fullscreen-control:hover,
9023
- .ilo--video--controls .vjs-fullscreen-control:focus,
9024
- .ilo--video .vjs-control-bar--fullscreen:hover,
9025
- .ilo--video .vjs-control-bar--fullscreen:focus,
9026
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover,
9027
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
9006
+ .ilo--legacyvideo--controls--fullscreen:hover, .ilo--legacyvideo--controls--fullscreen:focus,
9007
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:hover,
9008
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:focus,
9009
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:hover,
9010
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:focus,
9011
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:hover,
9012
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:focus {
9028
9013
  background-color: #ebf5fd;
9029
9014
  background-position: center center;
9030
9015
  background-repeat: no-repeat;
9031
9016
  background-size: 1.2861736334rem 1.2861736334rem;
9032
9017
  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");
9033
9018
  }
9034
- .ilo--video--controls--fullscreen.show,
9035
- .ilo--video--controls .vjs-fullscreen-control.show,
9036
- .ilo--video .vjs-control-bar--fullscreen.show,
9037
- .ilo--video .vjs-control-bar .vjs-fullscreen-control.show {
9019
+ .ilo--legacyvideo--controls--fullscreen.show,
9020
+ .ilo--legacyvideo--controls .vjs-fullscreen-control.show,
9021
+ .ilo--legacyvideo .vjs-control-bar--fullscreen.show,
9022
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control.show {
9038
9023
  display: block;
9039
9024
  }
9040
- .ilo--video .vjs-control-bar {
9025
+ .ilo--legacyvideo .vjs-control-bar {
9041
9026
  bottom: 0;
9042
9027
  left: -5px;
9043
9028
  width: calc(100% + 5px);
9044
9029
  }
9045
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9030
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
9046
9031
  bottom: auto;
9047
9032
  left: -5px;
9048
9033
  opacity: 1;
9049
9034
  top: 0;
9050
9035
  }
9051
9036
  @media screen and (min-width: 1024px) {
9052
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9037
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
9053
9038
  flex-direction: column;
9054
9039
  height: 158px;
9055
9040
  justify-content: flex-start;
9056
9041
  left: 0;
9057
9042
  width: 80px;
9058
9043
  }
9059
- [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9044
+ [dir=rtl] .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
9060
9045
  left: auto;
9061
9046
  right: 0;
9062
9047
  }
9063
9048
  }
9064
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9049
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
9065
9050
  display: block;
9066
9051
  }
9067
9052
  @media screen and (min-width: 1024px) {
9068
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
9053
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
9069
9054
  height: 2.1436227224rem;
9070
9055
  margin-left: 0;
9071
9056
  margin-top: 2px;
9072
9057
  width: 4.2872454448rem;
9073
9058
  }
9074
- .ilo--video--element:not(.vjs-has-started) .vjs-play-control {
9059
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-play-control {
9075
9060
  order: 1;
9076
9061
  height: 4.2872454448rem;
9077
9062
  width: 4.2872454448rem;
9078
9063
  }
9079
9064
  }
9080
- .ilo--video .vjs-youtube {
9065
+ .ilo--legacyvideo .vjs-youtube {
9081
9066
  padding-bottom: 56%;
9082
9067
  }
9083
- .ilo--video .vjs-youtube:not(.vjs-has-started) .vjs-poster {
9068
+ .ilo--legacyvideo .vjs-youtube:not(.vjs-has-started) .vjs-poster {
9084
9069
  display: block;
9085
9070
  }
9086
- .ilo--video .vjs-control:focus,
9087
- .ilo--video .vjs-control *:focus {
9071
+ .ilo--legacyvideo .vjs-control:focus,
9072
+ .ilo--legacyvideo .vjs-control *:focus {
9088
9073
  outline: none;
9089
9074
  }
9090
- .ilo--video .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
9075
+ .ilo--legacyvideo .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
9091
9076
  display: block;
9092
9077
  }
9093
- .ilo--video:hover .ilo--video--controls,
9094
- .ilo--video:hover .vjs-control-bar, .ilo--video:focus .ilo--video--controls,
9095
- .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .ilo--video--controls,
9096
- .ilo--video:focus-within .vjs-control-bar {
9078
+ .ilo--legacyvideo:hover .ilo--legacyvideo--controls,
9079
+ .ilo--legacyvideo:hover .vjs-control-bar, .ilo--legacyvideo:focus .ilo--legacyvideo--controls,
9080
+ .ilo--legacyvideo:focus .vjs-control-bar, .ilo--legacyvideo:focus-within .ilo--legacyvideo--controls,
9081
+ .ilo--legacyvideo:focus-within .vjs-control-bar {
9097
9082
  opacity: 1;
9098
9083
  transition: opacity 150ms ease-out;
9099
9084
  }
9100
- .ilo--video .vjs-loading-spinner {
9085
+ .ilo--legacyvideo .vjs-loading-spinner {
9101
9086
  display: none;
9102
9087
  }
9103
- .ilo--video .vjs-time-divider,
9104
- .ilo--video .vjs-remaining-time,
9105
- .ilo--video .vjs-current-time,
9106
- .ilo--video .vjs-control-text {
9088
+ .ilo--legacyvideo .vjs-time-divider,
9089
+ .ilo--legacyvideo .vjs-remaining-time,
9090
+ .ilo--legacyvideo .vjs-current-time,
9091
+ .ilo--legacyvideo .vjs-control-text {
9107
9092
  display: none !important;
9108
9093
  }
9109
9094
 
9110
- .ilo--video--container {
9095
+ .ilo--legacyvideo--container {
9111
9096
  position: relative;
9112
9097
  }
9113
9098
 
9114
- [dir=rtl] .ilo--video--caption {
9099
+ [dir=rtl] .ilo--legacyvideo--caption {
9115
9100
  border-left: none;
9116
9101
  border-right: 3px solid #b8c4cc;
9117
9102
  padding-left: 0;
@@ -9124,7 +9109,387 @@ input:checked + .ilo--input--toggle--slider:before {
9124
9109
 
9125
9110
  /**
9126
9111
  * Do not edit directly
9127
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
9112
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
9113
+ */
9114
+ /**
9115
+ * TOKENS:
9116
+ */
9117
+ /**
9118
+ * MAPS:
9119
+ */
9120
+ .ilo--video {
9121
+ width: 100%;
9122
+ }
9123
+ .ilo--video .video-js {
9124
+ height: auto;
9125
+ }
9126
+ .ilo--video .vjs-loading-spinner {
9127
+ display: none;
9128
+ }
9129
+ .ilo--video .vjs-tech {
9130
+ width: 100%;
9131
+ }
9132
+ .ilo--video--caption {
9133
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
9134
+ color: rgb(109, 109, 109);
9135
+ font-weight: 400;
9136
+ margin-top: 0.857449089rem;
9137
+ padding-left: 0.4287245445rem;
9138
+ font-size: 14.93px;
9139
+ letter-spacing: -0.02em;
9140
+ line-height: 20.16px;
9141
+ }
9142
+ .ilo--video--element {
9143
+ height: auto;
9144
+ object-fit: cover;
9145
+ width: inherit;
9146
+ }
9147
+ .ilo--video--wrapper {
9148
+ line-height: 0;
9149
+ position: relative;
9150
+ overflow: hidden;
9151
+ }
9152
+ .ilo--video button {
9153
+ padding: 0;
9154
+ }
9155
+ .ilo--video .vjs-time-divider,
9156
+ .ilo--video .vjs-remaining-time,
9157
+ .ilo--video .vjs-current-time,
9158
+ .ilo--video .vjs-control-text,
9159
+ .ilo--video .vjs-custom-control-spacer {
9160
+ display: none;
9161
+ }
9162
+ .ilo--video:hover .vjs-control-bar, .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .vjs-control-bar {
9163
+ opacity: 1;
9164
+ transition: opacity 150ms ease-out;
9165
+ }
9166
+ .ilo--video .vjs-youtube {
9167
+ padding-bottom: 56.25%;
9168
+ }
9169
+ .ilo--video--element:not(.vjs-has-started) .vjs-poster {
9170
+ background-size: cover;
9171
+ object-fit: cover;
9172
+ height: 100%;
9173
+ overflow: hidden;
9174
+ position: absolute;
9175
+ width: 100%;
9176
+ left: 0;
9177
+ top: 0;
9178
+ }
9179
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9180
+ bottom: auto;
9181
+ opacity: 1;
9182
+ top: 0;
9183
+ width: 6.6452304394rem;
9184
+ }
9185
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,
9186
+ .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,
9187
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control {
9188
+ background-color: rgb(235, 245, 253);
9189
+ color: rgb(30, 45, 190);
9190
+ }
9191
+ .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 {
9192
+ 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");
9193
+ }
9194
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
9195
+ cursor: pointer;
9196
+ border: none;
9197
+ background-color: rgb(45, 45, 45);
9198
+ width: 40px;
9199
+ height: 40px;
9200
+ background-position: center center;
9201
+ background-repeat: no-repeat;
9202
+ background-size: 24px 24px;
9203
+ 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");
9204
+ }
9205
+ .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 {
9206
+ background-color: rgb(235, 245, 253);
9207
+ 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");
9208
+ }
9209
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration {
9210
+ display: flex;
9211
+ justify-content: center;
9212
+ align-items: center;
9213
+ font-weight: 700;
9214
+ font-size: 0.7502679528rem;
9215
+ height: 2.1436227224rem;
9216
+ width: 4.2872454448rem;
9217
+ background-color: rgb(45, 45, 45);
9218
+ color: rgb(237, 240, 242);
9219
+ }
9220
+ @media screen and (min-width: 1024px) {
9221
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9222
+ width: 4.2872454448rem;
9223
+ flex-direction: column;
9224
+ height: 6.6452304394rem;
9225
+ gap: 0.2143622722rem;
9226
+ }
9227
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
9228
+ cursor: pointer;
9229
+ border: none;
9230
+ background-color: rgb(45, 45, 45);
9231
+ width: 80px;
9232
+ height: 80px;
9233
+ background-position: center center;
9234
+ background-repeat: no-repeat;
9235
+ background-size: 48px 48px;
9236
+ 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");
9237
+ }
9238
+ .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 {
9239
+ background-color: rgb(235, 245, 253);
9240
+ 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");
9241
+ }
9242
+ }
9243
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control {
9244
+ display: none;
9245
+ }
9246
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control {
9247
+ display: none;
9248
+ }
9249
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel {
9250
+ display: none;
9251
+ }
9252
+ .ilo--video .vjs-control-bar {
9253
+ order: 1;
9254
+ opacity: 0;
9255
+ transition: opacity 150ms ease-out;
9256
+ position: absolute;
9257
+ display: flex;
9258
+ width: 100%;
9259
+ height: 2.1436227224rem;
9260
+ bottom: 0;
9261
+ }
9262
+ .ilo--video .vjs-control-bar .vjs-duration {
9263
+ display: none;
9264
+ }
9265
+ .ilo--video .vjs-control-bar .vjs-poster {
9266
+ display: none;
9267
+ }
9268
+ .ilo--video .vjs-control-bar .vjs-play-control {
9269
+ cursor: pointer;
9270
+ border: none;
9271
+ background-color: rgb(45, 45, 45);
9272
+ width: 40px;
9273
+ height: 40px;
9274
+ background-position: center center;
9275
+ background-repeat: no-repeat;
9276
+ background-size: 24px 24px;
9277
+ 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");
9278
+ margin-right: 0.1071811361rem;
9279
+ }
9280
+ .ilo--video .vjs-control-bar .vjs-play-control:hover, .ilo--video .vjs-control-bar .vjs-play-control:focus {
9281
+ background-color: rgb(235, 245, 253);
9282
+ 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");
9283
+ }
9284
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-paused, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended {
9285
+ cursor: pointer;
9286
+ border: none;
9287
+ background-color: rgb(45, 45, 45);
9288
+ width: 40px;
9289
+ height: 40px;
9290
+ background-position: center center;
9291
+ background-repeat: no-repeat;
9292
+ background-size: 24px 24px;
9293
+ 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");
9294
+ }
9295
+ .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 {
9296
+ background-color: rgb(235, 245, 253);
9297
+ 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");
9298
+ }
9299
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing {
9300
+ cursor: pointer;
9301
+ border: none;
9302
+ background-color: rgb(45, 45, 45);
9303
+ width: 40px;
9304
+ height: 40px;
9305
+ background-position: center center;
9306
+ background-repeat: no-repeat;
9307
+ background-size: 24px 24px;
9308
+ 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");
9309
+ }
9310
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus {
9311
+ background-color: rgb(235, 245, 253);
9312
+ 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");
9313
+ }
9314
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control {
9315
+ order: 5;
9316
+ cursor: pointer;
9317
+ border: none;
9318
+ background-color: rgb(45, 45, 45);
9319
+ width: 40px;
9320
+ height: 40px;
9321
+ background-position: center center;
9322
+ background-repeat: no-repeat;
9323
+ background-size: 24px 24px;
9324
+ 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");
9325
+ }
9326
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover, .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
9327
+ background-color: rgb(235, 245, 253);
9328
+ 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");
9329
+ }
9330
+ .ilo--video .vjs-control-bar .vjs-progress-control {
9331
+ order: 2;
9332
+ margin-right: 0.1071811361rem;
9333
+ background-color: rgb(45, 45, 45);
9334
+ flex-grow: 1;
9335
+ }
9336
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
9337
+ display: none;
9338
+ }
9339
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
9340
+ position: relative;
9341
+ width: 96%;
9342
+ }
9343
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,
9344
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9345
+ height: 0.4287245445rem;
9346
+ left: 2%;
9347
+ top: 0.857449089rem;
9348
+ position: absolute;
9349
+ z-index: 10;
9350
+ }
9351
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9352
+ background-color: rgb(235, 245, 253);
9353
+ z-index: 15;
9354
+ }
9355
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
9356
+ display: none;
9357
+ }
9358
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
9359
+ background-color: rgb(184, 196, 204);
9360
+ z-index: 15;
9361
+ }
9362
+ .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress, .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
9363
+ position: relative;
9364
+ }
9365
+ .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 {
9366
+ color: rgb(237, 240, 242);
9367
+ font-size: 0.7502679528rem;
9368
+ height: 1.7148981779rem;
9369
+ align-items: center;
9370
+ background-color: rgb(45, 45, 45);
9371
+ display: flex;
9372
+ justify-content: center;
9373
+ right: 0;
9374
+ position: absolute;
9375
+ bottom: calc(300% + 12px);
9376
+ width: 70px;
9377
+ font-size: 11.94px;
9378
+ letter-spacing: -0.02em;
9379
+ line-height: 16.24px;
9380
+ }
9381
+ .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 {
9382
+ background-position: top left;
9383
+ background-repeat: no-repeat;
9384
+ background-size: contain;
9385
+ 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");
9386
+ content: "";
9387
+ height: 0.6430868167rem;
9388
+ position: absolute;
9389
+ left: calc(50% - 6px);
9390
+ bottom: -0.6430868167rem;
9391
+ width: 0.6430868167rem;
9392
+ }
9393
+ .ilo--video .vjs-control-bar .vjs-volume-panel {
9394
+ order: 3;
9395
+ border-bottom: 1px solid;
9396
+ bottom: 0;
9397
+ flex-direction: column;
9398
+ margin-right: 0.1071811361rem;
9399
+ position: relative;
9400
+ width: 40px;
9401
+ }
9402
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
9403
+ cursor: pointer;
9404
+ border: none;
9405
+ background-color: rgb(45, 45, 45);
9406
+ width: 40px;
9407
+ height: 40px;
9408
+ background-position: center center;
9409
+ background-repeat: no-repeat;
9410
+ background-size: 24px 24px;
9411
+ 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");
9412
+ height: 2.1436227224rem;
9413
+ }
9414
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover, .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus {
9415
+ background-color: rgb(235, 245, 253);
9416
+ 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");
9417
+ }
9418
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute] {
9419
+ cursor: pointer;
9420
+ border: none;
9421
+ background-color: rgb(45, 45, 45);
9422
+ width: 40px;
9423
+ height: 40px;
9424
+ background-position: center center;
9425
+ background-repeat: no-repeat;
9426
+ background-size: 24px 24px;
9427
+ 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");
9428
+ }
9429
+ .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 {
9430
+ background-color: rgb(235, 245, 253);
9431
+ 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");
9432
+ }
9433
+ .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
9434
+ align-items: center;
9435
+ cursor: pointer;
9436
+ display: flex;
9437
+ justify-content: center;
9438
+ }
9439
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
9440
+ background: rgb(235, 245, 253);
9441
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
9442
+ display: none;
9443
+ height: 2.1436227224rem;
9444
+ position: absolute;
9445
+ transform: rotate(270deg);
9446
+ transform-origin: -4px -4px;
9447
+ top: 0.4823151125rem;
9448
+ width: 7.3954983923rem;
9449
+ }
9450
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
9451
+ height: 0.2143622722rem;
9452
+ position: relative;
9453
+ width: calc(100% - 26px);
9454
+ }
9455
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
9456
+ display: none;
9457
+ }
9458
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display {
9459
+ height: 0.2143622722rem;
9460
+ position: absolute;
9461
+ width: 100%;
9462
+ background-color: rgb(184, 196, 204);
9463
+ }
9464
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level {
9465
+ height: 0.2143622722rem;
9466
+ left: 0;
9467
+ top: 0;
9468
+ position: absolute;
9469
+ background-color: rgb(30, 45, 190);
9470
+ }
9471
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before {
9472
+ content: "";
9473
+ background: rgb(30, 45, 190);
9474
+ border-radius: 50%;
9475
+ height: 0.857449089rem;
9476
+ width: 0.857449089rem;
9477
+ position: absolute;
9478
+ right: -0.857449089rem;
9479
+ top: 50%;
9480
+ transform: translate(-50%, -50%);
9481
+ }
9482
+
9483
+ [dir=rtl] .ilo--video--caption {
9484
+ border-left: none;
9485
+ border-right: 3px solid #b8c4cc;
9486
+ padding-left: 0;
9487
+ padding-right: 0.4287245445rem;
9488
+ }
9489
+
9490
+ /**
9491
+ * Do not edit directly
9492
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
9128
9493
  */
9129
9494
  /**
9130
9495
  * TOKENS:
@@ -9134,7 +9499,7 @@ input:checked + .ilo--input--toggle--slider:before {
9134
9499
  */
9135
9500
  /**
9136
9501
  * Do not edit directly
9137
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
9502
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
9138
9503
  */
9139
9504
  /**
9140
9505
  * TOKENS:
@@ -9159,7 +9524,7 @@ input:checked + .ilo--input--toggle--slider:before {
9159
9524
  }
9160
9525
  /**
9161
9526
  * Do not edit directly
9162
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
9527
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
9163
9528
  */
9164
9529
  /**
9165
9530
  * TOKENS: