@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
package/build/css/components/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5
5
  */
6
6
  /**
7
7
  * TOKENS:
@@ -11,7 +11,7 @@
11
11
  */
12
12
  /**
13
13
  * Do not edit directly
14
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
14
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
15
15
  */
16
16
  /**
17
17
  * TOKENS:
@@ -27,9 +27,11 @@
27
27
  align-items: center;
28
28
  flex-direction: row;
29
29
  justify-content: space-between;
30
+ text-align: start;
30
31
  width: 100%;
31
32
  margin: 0;
32
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
33
+ padding: 0.857449089rem 0;
34
+ padding-inline-end: 0.857449089rem;
33
35
  background-color: rgb(255, 255, 255);
34
36
  background-position: calc(100% - 0.3215434084rem) center;
35
37
  background-repeat: no-repeat;
@@ -50,7 +52,8 @@
50
52
  font-size: 18.66px;
51
53
  letter-spacing: -0.035em;
52
54
  line-height: 24.26px;
53
- padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
55
+ padding: 1.0718113612rem 0;
56
+ padding-inline-end: 0.857449089rem;
54
57
  }
55
58
  .ilo--accordion--button:hover, .ilo--accordion--button:focus {
56
59
  background-color: rgb(235, 245, 253);
@@ -70,13 +73,13 @@
70
73
  font-size: 16px;
71
74
  letter-spacing: -0.02em;
72
75
  line-height: 21.6px;
73
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 0;
74
76
  }
75
77
  .ilo--accordion--button--large {
76
78
  font-size: 18.66px;
77
79
  letter-spacing: -0.035em;
78
80
  line-height: 24.26px;
79
- padding: 1.0718113612rem 0.857449089rem 1.0718113612rem 0;
81
+ padding: 1.0718113612rem 0;
82
+ padding-inline-end: 0.857449089rem;
80
83
  }
81
84
  }
82
85
  .ilo--accordion--button[aria-expanded=true] {
@@ -109,7 +112,7 @@
109
112
 
110
113
  /**
111
114
  * Do not edit directly
112
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
115
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
113
116
  */
114
117
  /**
115
118
  * TOKENS:
@@ -134,7 +137,7 @@
134
137
  }
135
138
  /**
136
139
  * Do not edit directly
137
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
140
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
138
141
  */
139
142
  /**
140
143
  * TOKENS:
@@ -188,6 +191,9 @@
188
191
  letter-spacing: normal;
189
192
  line-height: 16.24px;
190
193
  }
194
+ .ilo--breadcrumb--link--label--dropdown {
195
+ font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
196
+ }
191
197
  .ilo--breadcrumb--link:hover, .ilo--breadcrumb--link:focus {
192
198
  color: rgb(30, 45, 190);
193
199
  text-decoration: underline;
@@ -301,6 +307,7 @@
301
307
  content: "";
302
308
  height: 0.6430868167rem;
303
309
  position: absolute;
310
+ left: 50%;
304
311
  top: -0.3215434084rem;
305
312
  transform: translateX(-50%) rotate(135deg);
306
313
  width: 0.6430868167rem;
@@ -385,7 +392,7 @@
385
392
 
386
393
  /**
387
394
  * Do not edit directly
388
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
395
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
389
396
  */
390
397
  /**
391
398
  * TOKENS:
@@ -395,7 +402,7 @@
395
402
  */
396
403
  /**
397
404
  * Do not edit directly
398
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
405
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
399
406
  */
400
407
  /**
401
408
  * TOKENS:
@@ -420,7 +427,7 @@
420
427
  }
421
428
  /**
422
429
  * Do not edit directly
423
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
430
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
424
431
  */
425
432
  /**
426
433
  * TOKENS:
@@ -701,7 +708,7 @@
701
708
 
702
709
  /**
703
710
  * Do not edit directly
704
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
711
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
705
712
  */
706
713
  /**
707
714
  * TOKENS:
@@ -830,7 +837,7 @@
830
837
 
831
838
  /**
832
839
  * Do not edit directly
833
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
840
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
834
841
  */
835
842
  /**
836
843
  * TOKENS:
@@ -840,7 +847,7 @@
840
847
  */
841
848
  /**
842
849
  * Do not edit directly
843
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
850
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
844
851
  */
845
852
  /**
846
853
  * TOKENS:
@@ -865,7 +872,7 @@
865
872
  }
866
873
  /**
867
874
  * Do not edit directly
868
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
875
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
869
876
  */
870
877
  /**
871
878
  * TOKENS:
@@ -883,7 +890,7 @@
883
890
 
884
891
  /**
885
892
  * Do not edit directly
886
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
893
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
887
894
  */
888
895
  /**
889
896
  * TOKENS:
@@ -1095,7 +1102,7 @@
1095
1102
 
1096
1103
  /**
1097
1104
  * Do not edit directly
1098
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1105
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1099
1106
  */
1100
1107
  /**
1101
1108
  * TOKENS:
@@ -1154,7 +1161,6 @@
1154
1161
  border-top: 0.1071811361rem solid rgb(237, 240, 242);
1155
1162
  margin-left: -1.2861736334rem;
1156
1163
  margin-right: -1.2861736334rem;
1157
- margin-top: 1.822079314rem;
1158
1164
  position: relative;
1159
1165
  z-index: 2;
1160
1166
  }
@@ -1238,7 +1244,7 @@
1238
1244
  display: flex;
1239
1245
  flex: 1 1 auto;
1240
1246
  flex-direction: column;
1241
- padding: 1.2861736334rem 1.2861736334rem 2.1436227224rem;
1247
+ padding: 1.2861736334rem 1.2861736334rem 0.4287245445rem 1.2861736334rem;
1242
1248
  }
1243
1249
  .ilo--card__type__feature.ilo--card__linklist .ilo--card--content {
1244
1250
  padding-bottom: 0;
@@ -1247,7 +1253,7 @@
1247
1253
  font-size: 23.32px;
1248
1254
  letter-spacing: -0.035em;
1249
1255
  line-height: 29.15px;
1250
- margin-bottom: 1.5763397642rem;
1256
+ margin-bottom: 1.2861736334rem;
1251
1257
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
1252
1258
  font-weight: 700;
1253
1259
  flex: 1;
@@ -1259,13 +1265,13 @@
1259
1265
  margin-bottom: 0.3376482577rem;
1260
1266
  }
1261
1267
  .ilo--card__type__feature .ilo--card--date {
1262
- margin-bottom: 0;
1268
+ margin-bottom: 1.7148981779rem;
1263
1269
  margin-top: auto;
1264
1270
  }
1265
1271
 
1266
1272
  /**
1267
1273
  * Do not edit directly
1268
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1274
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1269
1275
  */
1270
1276
  /**
1271
1277
  * TOKENS:
@@ -1362,7 +1368,7 @@
1362
1368
 
1363
1369
  /**
1364
1370
  * Do not edit directly
1365
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1371
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1366
1372
  */
1367
1373
  /**
1368
1374
  * TOKENS:
@@ -1514,7 +1520,7 @@
1514
1520
 
1515
1521
  /**
1516
1522
  * Do not edit directly
1517
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1523
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1518
1524
  */
1519
1525
  /**
1520
1526
  * TOKENS:
@@ -1640,7 +1646,7 @@
1640
1646
 
1641
1647
  /**
1642
1648
  * Do not edit directly
1643
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1649
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1644
1650
  */
1645
1651
  /**
1646
1652
  * TOKENS:
@@ -1764,7 +1770,7 @@
1764
1770
 
1765
1771
  /**
1766
1772
  * Do not edit directly
1767
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1773
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1768
1774
  */
1769
1775
  /**
1770
1776
  * TOKENS:
@@ -1884,7 +1890,7 @@
1884
1890
 
1885
1891
  /**
1886
1892
  * Do not edit directly
1887
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1893
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1888
1894
  */
1889
1895
  /**
1890
1896
  * TOKENS:
@@ -1961,7 +1967,7 @@
1961
1967
 
1962
1968
  /**
1963
1969
  * Do not edit directly
1964
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
1970
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
1965
1971
  */
1966
1972
  /**
1967
1973
  * TOKENS:
@@ -2030,7 +2036,7 @@
2030
2036
 
2031
2037
  /**
2032
2038
  * Do not edit directly
2033
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2039
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2034
2040
  */
2035
2041
  /**
2036
2042
  * TOKENS:
@@ -2079,7 +2085,7 @@
2079
2085
 
2080
2086
  /**
2081
2087
  * Do not edit directly
2082
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2088
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2083
2089
  */
2084
2090
  /**
2085
2091
  * TOKENS:
@@ -2156,7 +2162,7 @@
2156
2162
 
2157
2163
  /**
2158
2164
  * Do not edit directly
2159
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2165
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2160
2166
  */
2161
2167
  /**
2162
2168
  * TOKENS:
@@ -2237,7 +2243,7 @@
2237
2243
 
2238
2244
  /**
2239
2245
  * Do not edit directly
2240
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2246
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2241
2247
  */
2242
2248
  /**
2243
2249
  * TOKENS:
@@ -2247,7 +2253,7 @@
2247
2253
  */
2248
2254
  /**
2249
2255
  * Do not edit directly
2250
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2256
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2251
2257
  */
2252
2258
  /**
2253
2259
  * TOKENS:
@@ -2257,7 +2263,7 @@
2257
2263
  */
2258
2264
  /**
2259
2265
  * Do not edit directly
2260
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2266
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2261
2267
  */
2262
2268
  /**
2263
2269
  * TOKENS:
@@ -2267,7 +2273,7 @@
2267
2273
  */
2268
2274
  /**
2269
2275
  * Do not edit directly
2270
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2276
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2271
2277
  */
2272
2278
  /**
2273
2279
  * TOKENS:
@@ -2393,7 +2399,7 @@
2393
2399
 
2394
2400
  /**
2395
2401
  * Do not edit directly
2396
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2402
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2397
2403
  */
2398
2404
  /**
2399
2405
  * TOKENS:
@@ -2414,7 +2420,7 @@
2414
2420
 
2415
2421
  /**
2416
2422
  * Do not edit directly
2417
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2423
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2418
2424
  */
2419
2425
  /**
2420
2426
  * TOKENS:
@@ -2504,7 +2510,7 @@
2504
2510
 
2505
2511
  /**
2506
2512
  * Do not edit directly
2507
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2513
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2508
2514
  */
2509
2515
  /**
2510
2516
  * TOKENS:
@@ -2514,7 +2520,7 @@
2514
2520
  */
2515
2521
  /**
2516
2522
  * Do not edit directly
2517
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2523
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2518
2524
  */
2519
2525
  /**
2520
2526
  * TOKENS:
@@ -2524,7 +2530,7 @@
2524
2530
  */
2525
2531
  /**
2526
2532
  * Do not edit directly
2527
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2533
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2528
2534
  */
2529
2535
  /**
2530
2536
  * TOKENS:
@@ -2577,7 +2583,7 @@
2577
2583
 
2578
2584
  /**
2579
2585
  * Do not edit directly
2580
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2586
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2581
2587
  */
2582
2588
  /**
2583
2589
  * TOKENS:
@@ -2665,7 +2671,7 @@
2665
2671
 
2666
2672
  /**
2667
2673
  * Do not edit directly
2668
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2674
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2669
2675
  */
2670
2676
  /**
2671
2677
  * TOKENS:
@@ -2761,7 +2767,7 @@
2761
2767
 
2762
2768
  /**
2763
2769
  * Do not edit directly
2764
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2770
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2765
2771
  */
2766
2772
  /**
2767
2773
  * TOKENS:
@@ -2803,7 +2809,7 @@
2803
2809
 
2804
2810
  /**
2805
2811
  * Do not edit directly
2806
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2812
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2807
2813
  */
2808
2814
  /**
2809
2815
  * TOKENS:
@@ -2930,7 +2936,7 @@
2930
2936
 
2931
2937
  /**
2932
2938
  * Do not edit directly
2933
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2939
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2934
2940
  */
2935
2941
  /**
2936
2942
  * TOKENS:
@@ -2940,7 +2946,7 @@
2940
2946
  */
2941
2947
  /**
2942
2948
  * Do not edit directly
2943
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2949
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2944
2950
  */
2945
2951
  /**
2946
2952
  * TOKENS:
@@ -2965,7 +2971,7 @@
2965
2971
  }
2966
2972
  /**
2967
2973
  * Do not edit directly
2968
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
2974
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
2969
2975
  */
2970
2976
  /**
2971
2977
  * TOKENS:
@@ -3322,7 +3328,7 @@
3322
3328
 
3323
3329
  /**
3324
3330
  * Do not edit directly
3325
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3331
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3326
3332
  */
3327
3333
  /**
3328
3334
  * TOKENS:
@@ -3445,7 +3451,7 @@
3445
3451
 
3446
3452
  /**
3447
3453
  * Do not edit directly
3448
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3454
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3449
3455
  */
3450
3456
  /**
3451
3457
  * TOKENS:
@@ -3465,6 +3471,21 @@
3465
3471
  grid-template-columns: 1fr;
3466
3472
  overflow: hidden;
3467
3473
  grid-template-rows: minmax(1rem, 1fr) 27px 40px auto;
3474
+ --card-width: 625px;
3475
+ --corner-cut-height: 64px;
3476
+ --breadcrumbs-height: 48px;
3477
+ --image-gap: 240px;
3478
+ --row-1-lg: var(--breadcrumbs-height);
3479
+ --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3480
+ --row-3-lg: auto;
3481
+ --row-4-lg: 27px;
3482
+ --row-5-lg: 72px;
3483
+ --col-1-lg: 0;
3484
+ --col-2-lg: var(--card-width);
3485
+ --col-3-lg: 30px;
3486
+ --col-4-lg: 1fr;
3487
+ grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
3488
+ grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
3468
3489
  }
3469
3490
  .hero--image {
3470
3491
  display: grid;
@@ -3482,9 +3503,6 @@
3482
3503
  .hero__gap__dark {
3483
3504
  background-color: rgb(35, 0, 80);
3484
3505
  }
3485
- .hero--breadcrumbs {
3486
- display: none;
3487
- }
3488
3506
  .hero--background {
3489
3507
  display: grid;
3490
3508
  background-color: rgb(235, 245, 253);
@@ -3510,7 +3528,6 @@
3510
3528
  display: flex;
3511
3529
  justify-content: center;
3512
3530
  align-items: center;
3513
- position: relative;
3514
3531
  }
3515
3532
  .hero--caption--wrapper::after {
3516
3533
  content: "";
@@ -3523,187 +3540,167 @@
3523
3540
  border-right: none;
3524
3541
  border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3525
3542
  }
3526
- @media screen and (min-width: 1024px) {
3527
- .hero {
3528
- --card-width: 625px;
3529
- --corner-cut-height: 64px;
3530
- --breadcrumbs-height: 48px;
3531
- --image-gap: 240px;
3532
- --row-1-lg: var(--breadcrumbs-height);
3533
- --row-2-lg: calc(var(--image-gap) - var(--breadcrumbs-height));
3534
- --row-3-lg: auto;
3535
- --row-4-lg: 27px;
3536
- --row-5-lg: 72px;
3537
- --col-1-lg: 0;
3538
- --col-2-lg: var(--card-width);
3539
- --col-3-lg: 30px;
3540
- --col-4-lg: 1fr;
3541
- grid-template-rows: var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);
3542
- grid-template-columns: var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);
3543
- }
3544
- .hero__poster-size__small {
3545
- --image-gap: 112px;
3546
- }
3547
- .hero__poster-size__medium {
3548
- --image-gap: 176px;
3549
- }
3550
- .hero__poster-size__large {
3551
- --image-gap: 240px;
3552
- }
3553
- .hero__poster-size__xlarge {
3554
- --image-gap: 527px;
3555
- }
3556
- .hero__card-size__small {
3557
- --card-width: 625px;
3558
- }
3559
- .hero__card-size__medium {
3560
- --card-width: 721px;
3561
- }
3562
- .hero__card-size__large {
3563
- --card-width: 856px;
3564
- }
3565
- .hero__card-size__xlarge {
3566
- --card-width: 920px;
3567
- }
3568
- .hero__card-size__xxlarge {
3569
- --card-width: 998px;
3570
- }
3571
- .hero__card-justify__start, .hero__card-justify__offset {
3572
- --card-padding-start: max(16px, min(
3573
- var(--base-offset) + var(--added-offset),
3574
- 71px
3575
- ));
3576
- --col-1-lg: calc(
3577
- var(--base-offset) - 71px + var(--added-offset)
3578
- );
3579
- }
3580
- .hero__card-justify__offset {
3581
- --added-offset: 109px;
3582
- }
3583
- .hero__card-justify__center {
3584
- --col-1-lg: calc((100% - var(--card-width)) / 2);
3585
- --col-4-lg: calc(
3586
- ((100% - var(--card-width)) / 2) - 30px
3587
- );
3588
- }
3589
- .hero__card-align__center {
3590
- --row-4-lg: calc(72px - 27px);
3591
- --row-5-lg: 27px;
3592
- }
3593
- .hero__card-align__bottom {
3594
- --row-3-lg: 0;
3595
- --row-4-lg: var(--corner-cut-height);
3596
- --row-5-lg: auto;
3597
- }
3598
- .hero__card-background__transparent .hero--card-offset {
3599
- background-color: transparent !important;
3600
- }
3601
- .hero__card-theme__dark .hero--card-offset {
3602
- background-color: rgb(35, 0, 80);
3603
- position: relative;
3604
- box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3605
- }
3606
- .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3607
- background: rgba(35, 0, 80, 0.6);
3608
- box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3609
- }
3610
- .hero__card-theme__light .hero--card-offset {
3611
- background: rgb(255, 255, 255);
3612
- box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3613
- }
3614
- .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3615
- background: rgba(255, 255, 255, 0.6);
3616
- box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3617
- }
3618
- .hero--breadcrumbs {
3619
- grid-area: 1/1/2/5;
3620
- z-index: 1;
3621
- display: flex;
3622
- flex-flow: row nowrap;
3623
- }
3624
- .hero--breadcrumbs--wrapper {
3625
- width: 100%;
3626
- }
3627
- .hero--background {
3628
- grid-area: 1/1/5/5;
3629
- }
3630
- .hero__card-align__center .hero--background {
3631
- grid-area: 1/1/6/5;
3632
- }
3633
- .hero__card-align__bottom .hero--background {
3634
- grid-area: 1/1/5/5;
3635
- }
3636
- .hero--card-offset {
3637
- grid-area: 3/1/6/2;
3638
- z-index: 0;
3639
- position: relative;
3640
- }
3641
- .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3642
- background: transparent !important;
3643
- }
3644
- .hero__card-align__center .hero--card-offset {
3645
- grid-area: 3/1/4/2;
3646
- }
3647
- .hero__card-align__bottom .hero--card-offset {
3648
- grid-area: 4/1/6/2;
3649
- }
3650
- .hero--card {
3651
- grid-area: 3/2/6/3;
3652
- }
3653
- .hero__card-align__center .hero--card {
3654
- grid-area: 3/2/4/3;
3655
- }
3656
- .hero__card-align__bottom .hero--card {
3657
- grid-area: 4/2/6/3;
3658
- }
3659
- .hero--caption {
3660
- grid-area: 4/3/5/4;
3661
- position: relative;
3662
- }
3663
- .hero__card-align__center .hero--caption {
3664
- grid-area: 5/1/6/3;
3665
- }
3666
- .hero__card-align__bottom .hero--caption {
3667
- grid-area: 4/1/5/2;
3668
- }
3669
- .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3670
- position: absolute;
3671
- left: 0;
3672
- bottom: 0;
3673
- }
3674
- .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3675
- grid-area: 1/1/3/3;
3676
- }
3677
- .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
3678
- grid-area: 1/2/3/3;
3679
- }
3680
- .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 {
3681
- background: rgb(45, 45, 45);
3682
- height: 27px;
3683
- width: 30px;
3684
- display: flex;
3685
- justify-content: center;
3686
- align-items: center;
3687
- position: relative;
3688
- position: absolute;
3689
- left: 0;
3690
- right: initial;
3691
- bottom: 0;
3692
- }
3693
- .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 {
3694
- content: "";
3695
- position: absolute;
3696
- top: 0;
3697
- width: 0;
3698
- height: 0;
3699
- border-top: 27px solid transparent;
3700
- left: 100%;
3701
- border-right: none;
3702
- border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3703
- }
3704
- .hero--caption--wrapper {
3705
- left: 2px;
3706
- }
3543
+ .hero__poster-size__small {
3544
+ --image-gap: 112px;
3545
+ }
3546
+ .hero__poster-size__medium {
3547
+ --image-gap: 176px;
3548
+ }
3549
+ .hero__poster-size__large {
3550
+ --image-gap: 240px;
3551
+ }
3552
+ .hero__poster-size__xlarge {
3553
+ --image-gap: 527px;
3554
+ }
3555
+ .hero__card-size__small {
3556
+ --card-width: 625px;
3557
+ }
3558
+ .hero__card-size__medium {
3559
+ --card-width: 721px;
3560
+ }
3561
+ .hero__card-size__large {
3562
+ --card-width: 856px;
3563
+ }
3564
+ .hero__card-size__xlarge {
3565
+ --card-width: 920px;
3566
+ }
3567
+ .hero__card-size__xxlarge {
3568
+ --card-width: 998px;
3569
+ }
3570
+ .hero__card-justify__start, .hero__card-justify__offset {
3571
+ --card-padding-start: max(16px, min(
3572
+ var(--base-offset) + var(--added-offset),
3573
+ 71px
3574
+ ));
3575
+ --col-1-lg: calc(
3576
+ var(--base-offset) - 71px + var(--added-offset)
3577
+ );
3578
+ }
3579
+ .hero__card-justify__offset {
3580
+ --added-offset: 109px;
3581
+ }
3582
+ .hero__card-justify__center {
3583
+ --col-1-lg: calc((100% - var(--card-width)) / 2);
3584
+ --col-4-lg: calc(
3585
+ ((100% - var(--card-width)) / 2) - 30px
3586
+ );
3587
+ }
3588
+ .hero__card-align__center {
3589
+ --row-4-lg: calc(72px - 27px);
3590
+ --row-5-lg: 27px;
3591
+ }
3592
+ .hero__card-align__bottom {
3593
+ --row-3-lg: 0;
3594
+ --row-4-lg: var(--corner-cut-height);
3595
+ --row-5-lg: auto;
3596
+ }
3597
+ .hero__card-background__transparent .hero--card-offset {
3598
+ background-color: transparent !important;
3599
+ }
3600
+ .hero__card-theme__dark .hero--card-offset {
3601
+ background-color: rgb(35, 0, 80);
3602
+ position: relative;
3603
+ box-shadow: 0.3px 0 0 0 rgb(35, 0, 80);
3604
+ }
3605
+ .hero__card-theme__dark[class*=semi-transparent] .hero--card-offset {
3606
+ background: rgba(35, 0, 80, 0.6);
3607
+ box-shadow: 0.3px 0 0 0 rgba(35, 0, 80, 0.6);
3608
+ }
3609
+ .hero__card-theme__light .hero--card-offset {
3610
+ background: rgb(255, 255, 255);
3611
+ box-shadow: 0.3px 0 0 0 rgb(255, 255, 255);
3612
+ }
3613
+ .hero__card-theme__light[class*=semi-transparent] .hero--card-offset {
3614
+ background: rgba(255, 255, 255, 0.6);
3615
+ box-shadow: 0.3px 0 0 0 rgba(255, 255, 255, 0.6);
3616
+ }
3617
+ .hero--breadcrumbs {
3618
+ grid-area: 1/1/2/5;
3619
+ z-index: 1;
3620
+ display: flex;
3621
+ flex-flow: row nowrap;
3622
+ }
3623
+ .hero--breadcrumbs--wrapper {
3624
+ width: 100%;
3625
+ }
3626
+ .hero--background {
3627
+ grid-area: 1/1/5/5;
3628
+ }
3629
+ .hero__card-align__center .hero--background {
3630
+ grid-area: 1/1/6/5;
3631
+ }
3632
+ .hero__card-align__bottom .hero--background {
3633
+ grid-area: 1/1/5/5;
3634
+ }
3635
+ .hero--card-offset {
3636
+ grid-area: 3/1/6/2;
3637
+ z-index: 0;
3638
+ position: relative;
3639
+ }
3640
+ .hero__card-justify__offset .hero--card-offset, .hero__card-justify__center .hero--card-offset {
3641
+ background: transparent !important;
3642
+ }
3643
+ .hero__card-align__center .hero--card-offset {
3644
+ grid-area: 3/1/4/2;
3645
+ }
3646
+ .hero__card-align__bottom .hero--card-offset {
3647
+ grid-area: 4/1/6/2;
3648
+ }
3649
+ .hero--card {
3650
+ grid-area: 3/2/6/3;
3651
+ }
3652
+ .hero__card-align__center .hero--card {
3653
+ grid-area: 3/2/4/3;
3654
+ }
3655
+ .hero__card-align__bottom .hero--card {
3656
+ grid-area: 4/2/6/3;
3657
+ }
3658
+ .hero--caption {
3659
+ grid-area: 4/3/5/4;
3660
+ position: relative;
3661
+ }
3662
+ .hero__card-align__center .hero--caption {
3663
+ grid-area: 5/1/6/3;
3664
+ }
3665
+ .hero__card-align__bottom .hero--caption {
3666
+ grid-area: 4/1/5/2;
3667
+ }
3668
+ .hero__card-align__center .hero--caption--wrapper, .hero__card-align__bottom .hero--caption--wrapper {
3669
+ position: absolute;
3670
+ left: 0;
3671
+ bottom: 0;
3672
+ }
3673
+ .hero__card-align__bottom.hero__card-justify__start .hero--caption {
3674
+ grid-area: 1/1/3/3;
3675
+ }
3676
+ .hero__card-align__bottom.hero__card-justify__offset .hero--caption {
3677
+ grid-area: 1/2/3/3;
3678
+ }
3679
+ .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 {
3680
+ background: rgb(45, 45, 45);
3681
+ height: 27px;
3682
+ width: 30px;
3683
+ display: flex;
3684
+ justify-content: center;
3685
+ align-items: center;
3686
+ position: absolute;
3687
+ left: 0;
3688
+ right: initial;
3689
+ bottom: 0;
3690
+ }
3691
+ .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 {
3692
+ content: "";
3693
+ position: absolute;
3694
+ top: 0;
3695
+ width: 0;
3696
+ height: 0;
3697
+ border-top: 27px solid transparent;
3698
+ left: 100%;
3699
+ border-right: none;
3700
+ border-left: calc(27px - 4px) solid rgb(45, 45, 45);
3701
+ }
3702
+ .hero--caption--wrapper {
3703
+ left: 2px;
3707
3704
  }
3708
3705
  [dir=rtl] .hero--caption--wrapper {
3709
3706
  background: rgb(45, 45, 45);
@@ -3712,7 +3709,6 @@
3712
3709
  display: flex;
3713
3710
  justify-content: center;
3714
3711
  align-items: center;
3715
- position: relative;
3716
3712
  right: 0;
3717
3713
  position: absolute;
3718
3714
  }
@@ -3728,37 +3724,34 @@
3728
3724
  border-left: none;
3729
3725
  border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3730
3726
  }
3731
- @media screen and (min-width: 1024px) {
3732
- [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 {
3733
- background: rgb(45, 45, 45);
3734
- height: 27px;
3735
- width: 30px;
3736
- display: flex;
3737
- justify-content: center;
3738
- align-items: center;
3739
- position: relative;
3740
- position: absolute;
3741
- left: initial;
3742
- right: 0;
3743
- bottom: 0;
3744
- }
3745
- [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 {
3746
- content: "";
3747
- position: absolute;
3748
- top: 0;
3749
- width: 0;
3750
- height: 0;
3751
- border-top: 27px solid transparent;
3752
- left: auto;
3753
- right: 100%;
3754
- border-left: none;
3755
- border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3756
- }
3727
+ [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 {
3728
+ background: rgb(45, 45, 45);
3729
+ height: 27px;
3730
+ width: 30px;
3731
+ display: flex;
3732
+ justify-content: center;
3733
+ align-items: center;
3734
+ position: absolute;
3735
+ left: initial;
3736
+ right: 0;
3737
+ bottom: 0;
3738
+ }
3739
+ [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 {
3740
+ content: "";
3741
+ position: absolute;
3742
+ top: 0;
3743
+ width: 0;
3744
+ height: 0;
3745
+ border-top: 27px solid transparent;
3746
+ left: auto;
3747
+ right: 100%;
3748
+ border-left: none;
3749
+ border-right: calc(27px - 4px) solid rgb(45, 45, 45);
3757
3750
  }
3758
3751
 
3759
3752
  /**
3760
3753
  * Do not edit directly
3761
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3754
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3762
3755
  */
3763
3756
  /**
3764
3757
  * TOKENS:
@@ -3891,7 +3884,7 @@
3891
3884
 
3892
3885
  /**
3893
3886
  * Do not edit directly
3894
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3887
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3895
3888
  */
3896
3889
  /**
3897
3890
  * TOKENS:
@@ -3947,7 +3940,7 @@
3947
3940
 
3948
3941
  /**
3949
3942
  * Do not edit directly
3950
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
3943
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
3951
3944
  */
3952
3945
  /**
3953
3946
  * TOKENS:
@@ -4079,7 +4072,7 @@
4079
4072
 
4080
4073
  /**
4081
4074
  * Do not edit directly
4082
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4075
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4083
4076
  */
4084
4077
  /**
4085
4078
  * TOKENS:
@@ -4089,7 +4082,7 @@
4089
4082
  */
4090
4083
  /**
4091
4084
  * Do not edit directly
4092
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4085
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4093
4086
  */
4094
4087
  /**
4095
4088
  * TOKENS:
@@ -4114,7 +4107,7 @@
4114
4107
  }
4115
4108
  /**
4116
4109
  * Do not edit directly
4117
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4110
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4118
4111
  */
4119
4112
  /**
4120
4113
  * TOKENS:
@@ -4277,7 +4270,7 @@
4277
4270
 
4278
4271
  /**
4279
4272
  * Do not edit directly
4280
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4273
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4281
4274
  */
4282
4275
  /**
4283
4276
  * TOKENS:
@@ -4315,9 +4308,7 @@
4315
4308
  padding-left: 0;
4316
4309
  }
4317
4310
  .ilo--list--horizontal {
4318
- align-items: center;
4319
4311
  display: flex;
4320
- flex-wrap: wrap;
4321
4312
  list-style: none;
4322
4313
  }
4323
4314
  .ilo--list--horizontal li::before {
@@ -4372,7 +4363,7 @@
4372
4363
 
4373
4364
  /**
4374
4365
  * Do not edit directly
4375
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4366
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4376
4367
  */
4377
4368
  /**
4378
4369
  * TOKENS:
@@ -4382,7 +4373,7 @@
4382
4373
  */
4383
4374
  /**
4384
4375
  * Do not edit directly
4385
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4376
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4386
4377
  */
4387
4378
  /**
4388
4379
  * TOKENS:
@@ -4392,7 +4383,7 @@
4392
4383
  */
4393
4384
  /**
4394
4385
  * Do not edit directly
4395
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4386
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4396
4387
  */
4397
4388
  /**
4398
4389
  * TOKENS:
@@ -4563,7 +4554,7 @@
4563
4554
 
4564
4555
  /**
4565
4556
  * Do not edit directly
4566
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4557
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4567
4558
  */
4568
4559
  /**
4569
4560
  * TOKENS:
@@ -4610,7 +4601,7 @@
4610
4601
 
4611
4602
  /**
4612
4603
  * Do not edit directly
4613
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4604
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4614
4605
  */
4615
4606
  /**
4616
4607
  * TOKENS:
@@ -4620,7 +4611,7 @@
4620
4611
  */
4621
4612
  /**
4622
4613
  * Do not edit directly
4623
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4614
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4624
4615
  */
4625
4616
  /**
4626
4617
  * TOKENS:
@@ -4630,7 +4621,7 @@
4630
4621
  */
4631
4622
  /**
4632
4623
  * Do not edit directly
4633
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4624
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4634
4625
  */
4635
4626
  /**
4636
4627
  * TOKENS:
@@ -4727,7 +4718,7 @@
4727
4718
 
4728
4719
  /**
4729
4720
  * Do not edit directly
4730
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
4721
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
4731
4722
  */
4732
4723
  /**
4733
4724
  * TOKENS:
@@ -4813,18 +4804,21 @@
4813
4804
  }
4814
4805
  .ilo--header--logo {
4815
4806
  display: block;
4816
- width: 100%;
4807
+ height: 3.0010718114rem;
4808
+ }
4809
+ @media screen and (min-width: 1024px) {
4810
+ .ilo--header--logo {
4811
+ height: 3.8585209003rem;
4812
+ }
4817
4813
  }
4818
4814
  .ilo--header--logo-link {
4819
4815
  display: block;
4820
- padding: 16px 0;
4821
- max-width: 150px;
4822
- width: 100%;
4816
+ padding: 0.857449089rem 0;
4817
+ width: auto;
4823
4818
  }
4824
4819
  @media screen and (min-width: 1024px) {
4825
4820
  .ilo--header--logo-link {
4826
- padding: 0 0 24px;
4827
- max-width: 200px;
4821
+ padding: 0 0 1.2861736334rem;
4828
4822
  }
4829
4823
  }
4830
4824
  .ilo--header--logo-bar {
@@ -5608,7 +5602,7 @@
5608
5602
 
5609
5603
  /**
5610
5604
  * Do not edit directly
5611
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5605
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5612
5606
  */
5613
5607
  /**
5614
5608
  * TOKENS:
@@ -5618,7 +5612,7 @@
5618
5612
  */
5619
5613
  /**
5620
5614
  * Do not edit directly
5621
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5615
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5622
5616
  */
5623
5617
  /**
5624
5618
  * TOKENS:
@@ -5628,7 +5622,7 @@
5628
5622
  */
5629
5623
  /**
5630
5624
  * Do not edit directly
5631
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5625
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5632
5626
  */
5633
5627
  /**
5634
5628
  * TOKENS:
@@ -5811,7 +5805,7 @@
5811
5805
 
5812
5806
  /**
5813
5807
  * Do not edit directly
5814
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5808
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5815
5809
  */
5816
5810
  /**
5817
5811
  * TOKENS:
@@ -5918,9 +5912,6 @@
5918
5912
  .ilo--pagination--next-page.ilo--pagination--disable:hover::before {
5919
5913
  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");
5920
5914
  }
5921
- .ilo--pagination--last-page {
5922
- margin: 0 0 0 0.4287245445rem;
5923
- }
5924
5915
  .ilo--pagination--last-page::before {
5925
5916
  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");
5926
5917
  }
@@ -5940,6 +5931,7 @@
5940
5931
  font-size: 14.93px;
5941
5932
  letter-spacing: -0.02em;
5942
5933
  line-height: 20.16px;
5934
+ margin-inline-end: 0.4287245445rem;
5943
5935
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5944
5936
  font-weight: 400;
5945
5937
  line-height: 45px;
@@ -5952,7 +5944,7 @@
5952
5944
 
5953
5945
  /**
5954
5946
  * Do not edit directly
5955
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5947
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5956
5948
  */
5957
5949
  /**
5958
5950
  * TOKENS:
@@ -5962,7 +5954,7 @@
5962
5954
  */
5963
5955
  /**
5964
5956
  * Do not edit directly
5965
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5957
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5966
5958
  */
5967
5959
  /**
5968
5960
  * TOKENS:
@@ -5987,7 +5979,7 @@
5987
5979
  }
5988
5980
  /**
5989
5981
  * Do not edit directly
5990
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
5982
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
5991
5983
  */
5992
5984
  /**
5993
5985
  * TOKENS:
@@ -6137,7 +6129,7 @@
6137
6129
 
6138
6130
  /**
6139
6131
  * Do not edit directly
6140
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6132
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6141
6133
  */
6142
6134
  /**
6143
6135
  * TOKENS:
@@ -6206,7 +6198,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6206
6198
 
6207
6199
  /**
6208
6200
  * Do not edit directly
6209
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6201
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6210
6202
  */
6211
6203
  /**
6212
6204
  * TOKENS:
@@ -6216,7 +6208,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6216
6208
  */
6217
6209
  /**
6218
6210
  * Do not edit directly
6219
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6211
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6220
6212
  */
6221
6213
  /**
6222
6214
  * TOKENS:
@@ -6241,7 +6233,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6241
6233
  }
6242
6234
  /**
6243
6235
  * Do not edit directly
6244
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6236
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6245
6237
  */
6246
6238
  /**
6247
6239
  * TOKENS:
@@ -6297,7 +6289,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6297
6289
 
6298
6290
  /**
6299
6291
  * Do not edit directly
6300
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6292
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6301
6293
  */
6302
6294
  /**
6303
6295
  * TOKENS:
@@ -6308,9 +6300,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6308
6300
  .ilo--richtext {
6309
6301
  font-family: Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6310
6302
  font-weight: 400;
6311
- font-size: 16px;
6303
+ font-size: 18.66px;
6312
6304
  letter-spacing: normal;
6313
- line-height: 23.36px;
6305
+ line-height: 27.24px;
6314
6306
  }
6315
6307
  .ilo--richtext a {
6316
6308
  background: rgba(0, 0, 0, 0);
@@ -6400,6 +6392,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6400
6392
  .ilo--richtext p + figure,
6401
6393
  .ilo--richtext p + img,
6402
6394
  .ilo--richtext p + blockquote,
6395
+ .ilo--richtext p + iframe,
6403
6396
  .ilo--richtext ul + img,
6404
6397
  .ilo--richtext ol + img,
6405
6398
  .ilo--richtext dl + img,
@@ -6410,6 +6403,9 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6410
6403
  .ilo--richtext blockquote + hr {
6411
6404
  margin-top: 2.7675813769rem;
6412
6405
  }
6406
+ .ilo--richtext iframe {
6407
+ margin-bottom: 3.0010718114rem;
6408
+ }
6413
6409
  .ilo--richtext figure {
6414
6410
  width: 100%;
6415
6411
  margin-bottom: 3.0010718114rem;
@@ -6442,47 +6438,40 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6442
6438
  .ilo--richtext h2,
6443
6439
  .ilo--richtext h3,
6444
6440
  .ilo--richtext h4,
6445
- .ilo--richtext h5,
6446
- .ilo--richtext h6 {
6441
+ .ilo--richtext h5 {
6447
6442
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6448
6443
  font-weight: 700;
6449
6444
  margin-top: 3.0010718114rem;
6450
6445
  }
6451
6446
  .ilo--richtext h1 {
6452
6447
  margin-bottom: 0.6830690456rem;
6453
- font-size: 45.56px;
6448
+ font-size: 44px;
6454
6449
  letter-spacing: -0.035em;
6455
- line-height: 52.39px;
6450
+ line-height: 50.6px;
6456
6451
  }
6457
6452
  .ilo--richtext h2 {
6458
6453
  margin-bottom: 0.8565309039rem;
6459
- font-size: 36.45px;
6454
+ font-size: 36px;
6460
6455
  letter-spacing: -0.035em;
6461
- line-height: 43.74px;
6456
+ line-height: 43.2px;
6462
6457
  }
6463
6458
  .ilo--richtext h3 {
6464
6459
  margin-bottom: 0.5741425509rem;
6465
- font-size: 29.16px;
6460
+ font-size: 28px;
6466
6461
  letter-spacing: -0.035em;
6467
- line-height: 36.45px;
6462
+ line-height: 35px;
6468
6463
  }
6469
6464
  .ilo--richtext h4 {
6470
6465
  margin-bottom: 0.7188906752rem;
6471
- font-size: 23.32px;
6466
+ font-size: 24px;
6472
6467
  letter-spacing: -0.035em;
6473
- line-height: 29.15px;
6468
+ line-height: 30px;
6474
6469
  }
6475
6470
  .ilo--richtext h5 {
6476
6471
  margin-bottom: 0.8175044291rem;
6477
- font-size: 18.66px;
6478
- letter-spacing: -0.035em;
6479
- line-height: 24.26px;
6480
- }
6481
- .ilo--richtext h6 {
6482
- margin-bottom: 0.8175044291rem;
6483
- font-size: 18.66px;
6484
- letter-spacing: -0.035em;
6485
- line-height: 24.26px;
6472
+ font-size: 18px;
6473
+ letter-spacing: -0.02em;
6474
+ line-height: 23.4px;
6486
6475
  }
6487
6476
  .ilo--richtext ul,
6488
6477
  .ilo--richtext ol {
@@ -6518,7 +6507,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6518
6507
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6519
6508
  padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6520
6509
  position: relative;
6521
- width: 100%;
6510
+ width: fit-content;
6522
6511
  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");
6523
6512
  }
6524
6513
  .ilo--richtext blockquote p {
@@ -6571,45 +6560,38 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6571
6560
  .ilo--richtext h2,
6572
6561
  .ilo--richtext h3,
6573
6562
  .ilo--richtext h4,
6574
- .ilo--richtext h5,
6575
- .ilo--richtext h6 {
6563
+ .ilo--richtext h5 {
6576
6564
  margin-top: 3.4297963558rem;
6577
6565
  }
6578
6566
  .ilo--richtext h1 {
6579
6567
  margin-bottom: 0.8520418857rem;
6580
- font-size: 56.95px;
6568
+ font-size: 36px;
6581
6569
  letter-spacing: -0.035em;
6582
- line-height: 65.49px;
6570
+ line-height: 43.2px;
6583
6571
  }
6584
6572
  .ilo--richtext h2 {
6585
6573
  margin-bottom: 1.1117935901rem;
6586
- font-size: 45.56px;
6574
+ font-size: 28px;
6587
6575
  letter-spacing: -0.035em;
6588
- line-height: 52.39px;
6576
+ line-height: 35px;
6589
6577
  }
6590
6578
  .ilo--richtext h3 {
6591
6579
  margin-bottom: 0.8565309039rem;
6592
- font-size: 36.45px;
6580
+ font-size: 24px;
6593
6581
  letter-spacing: -0.035em;
6594
- line-height: 43.74px;
6582
+ line-height: 30px;
6595
6583
  }
6596
6584
  .ilo--richtext h4 {
6597
6585
  margin-bottom: 1.0028670954rem;
6598
- font-size: 29.16px;
6599
- letter-spacing: -0.035em;
6600
- line-height: 36.45px;
6586
+ font-size: 18px;
6587
+ letter-spacing: -0.02em;
6588
+ line-height: 23.4px;
6601
6589
  }
6602
6590
  .ilo--richtext h5 {
6603
6591
  margin-bottom: 1.1476152197rem;
6604
- font-size: 23.32px;
6605
- letter-spacing: -0.035em;
6606
- line-height: 29.15px;
6607
- }
6608
- .ilo--richtext h6 {
6609
- margin-bottom: 1.1476152197rem;
6610
- font-size: 23.32px;
6611
- letter-spacing: -0.035em;
6612
- line-height: 29.15px;
6592
+ font-size: 16px;
6593
+ letter-spacing: -0.02em;
6594
+ line-height: 21.6px;
6613
6595
  }
6614
6596
  .ilo--richtext p {
6615
6597
  margin-bottom: 0.9381095829rem;
@@ -6617,6 +6599,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6617
6599
  .ilo--richtext p + figure,
6618
6600
  .ilo--richtext p + img,
6619
6601
  .ilo--richtext p + blockquote,
6602
+ .ilo--richtext p + iframe,
6620
6603
  .ilo--richtext ul + img,
6621
6604
  .ilo--richtext ol + img,
6622
6605
  .ilo--richtext dl + img,
@@ -6703,7 +6686,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6703
6686
 
6704
6687
  /**
6705
6688
  * Do not edit directly
6706
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6689
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6707
6690
  */
6708
6691
  /**
6709
6692
  * TOKENS:
@@ -6754,7 +6737,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6754
6737
 
6755
6738
  /**
6756
6739
  * Do not edit directly
6757
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6740
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6758
6741
  */
6759
6742
  /**
6760
6743
  * TOKENS:
@@ -6910,7 +6893,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6910
6893
 
6911
6894
  /**
6912
6895
  * Do not edit directly
6913
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
6896
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
6914
6897
  */
6915
6898
  /**
6916
6899
  * TOKENS:
@@ -7241,7 +7224,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7241
7224
 
7242
7225
  /**
7243
7226
  * Do not edit directly
7244
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7227
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7245
7228
  */
7246
7229
  /**
7247
7230
  * TOKENS:
@@ -7365,6 +7348,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7365
7348
  font-weight: 500;
7366
7349
  margin: 0 0.4287245445rem 0 0.4287245445rem;
7367
7350
  padding: 0.857449089rem 0.4287245445rem 0.857449089rem;
7351
+ padding-inline-end: 2.5723472669rem;
7368
7352
  position: relative;
7369
7353
  text-decoration: none;
7370
7354
  width: calc(100% - 16px);
@@ -7421,7 +7405,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7421
7405
 
7422
7406
  /**
7423
7407
  * Do not edit directly
7424
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7408
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7425
7409
  */
7426
7410
  /**
7427
7411
  * TOKENS:
@@ -7476,7 +7460,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7476
7460
 
7477
7461
  /**
7478
7462
  * Do not edit directly
7479
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7463
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7480
7464
  */
7481
7465
  /**
7482
7466
  * TOKENS:
@@ -7602,6 +7586,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7602
7586
  font-size: 14.93px;
7603
7587
  letter-spacing: -0.02em;
7604
7588
  line-height: 20.16px;
7589
+ padding: 0.3483386924rem 0.5627009646rem;
7605
7590
  cursor: pointer;
7606
7591
  display: none;
7607
7592
  opacity: 0;
@@ -7651,7 +7636,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7651
7636
 
7652
7637
  /**
7653
7638
  * Do not edit directly
7654
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7639
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7655
7640
  */
7656
7641
  /**
7657
7642
  * TOKENS:
@@ -7703,7 +7688,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7703
7688
 
7704
7689
  /**
7705
7690
  * Do not edit directly
7706
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7691
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7707
7692
  */
7708
7693
  /**
7709
7694
  * TOKENS:
@@ -7713,7 +7698,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7713
7698
  */
7714
7699
  /**
7715
7700
  * Do not edit directly
7716
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7701
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7717
7702
  */
7718
7703
  /**
7719
7704
  * TOKENS:
@@ -7815,7 +7800,7 @@ input:checked + .ilo--input--toggle--slider:before {
7815
7800
 
7816
7801
  /**
7817
7802
  * Do not edit directly
7818
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7803
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7819
7804
  */
7820
7805
  /**
7821
7806
  * TOKENS:
@@ -7917,7 +7902,7 @@ input:checked + .ilo--input--toggle--slider:before {
7917
7902
 
7918
7903
  /**
7919
7904
  * Do not edit directly
7920
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
7905
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
7921
7906
  */
7922
7907
  /**
7923
7908
  * TOKENS:
@@ -7925,19 +7910,19 @@ input:checked + .ilo--input--toggle--slider:before {
7925
7910
  /**
7926
7911
  * MAPS:
7927
7912
  */
7928
- .ilo--video {
7913
+ .ilo--legacyvideo {
7929
7914
  position: relative;
7930
7915
  width: 100%;
7931
7916
  }
7932
- .ilo--video--wrapper {
7917
+ .ilo--legacyvideo--wrapper {
7933
7918
  line-height: 0;
7934
7919
  position: relative;
7935
7920
  width: 100%;
7936
7921
  }
7937
- .ilo--video--img {
7922
+ .ilo--legacyvideo--img {
7938
7923
  line-height: 0;
7939
7924
  }
7940
- .ilo--video--caption {
7925
+ .ilo--legacyvideo--caption {
7941
7926
  border-left: 0.1607717042rem solid rgb(184, 196, 204);
7942
7927
  color: rgb(109, 109, 109);
7943
7928
  font-weight: 400;
@@ -7947,42 +7932,42 @@ input:checked + .ilo--input--toggle--slider:before {
7947
7932
  letter-spacing: -0.02em;
7948
7933
  line-height: 20.16px;
7949
7934
  }
7950
- .ilo--video:focus,
7951
- .ilo--video .vjs-tech:focus {
7935
+ .ilo--legacyvideo:focus,
7936
+ .ilo--legacyvideo .vjs-tech:focus {
7952
7937
  outline: none;
7953
7938
  }
7954
- .ilo--video--element,
7955
- .ilo--video .vjs-tech {
7939
+ .ilo--legacyvideo--element,
7940
+ .ilo--legacyvideo .vjs-tech {
7956
7941
  height: auto;
7957
7942
  object-fit: cover;
7958
7943
  width: 100%;
7959
7944
  }
7960
- .ilo--video--element:focus,
7961
- .ilo--video .vjs-tech:focus {
7945
+ .ilo--legacyvideo--element:focus,
7946
+ .ilo--legacyvideo .vjs-tech:focus {
7962
7947
  outline: none;
7963
7948
  }
7964
- .ilo--video--player {
7949
+ .ilo--legacyvideo--player {
7965
7950
  position: relative;
7966
7951
  }
7967
- .ilo--video--player:focus {
7952
+ .ilo--legacyvideo--player:focus {
7968
7953
  outline: none;
7969
7954
  }
7970
- .ilo--video--player.youtube {
7955
+ .ilo--legacyvideo--player.youtube {
7971
7956
  height: auto;
7972
7957
  max-width: 100%;
7973
7958
  overflow: hidden;
7974
7959
  padding-bottom: 56.25%;
7975
7960
  position: relative;
7976
7961
  }
7977
- .ilo--video--player iframe {
7962
+ .ilo--legacyvideo--player iframe {
7978
7963
  height: 100%;
7979
7964
  left: 0;
7980
7965
  position: absolute;
7981
7966
  top: 0;
7982
7967
  width: 100%;
7983
7968
  }
7984
- .ilo--video--poster,
7985
- .ilo--video .vjs-poster {
7969
+ .ilo--legacyvideo--poster,
7970
+ .ilo--legacyvideo .vjs-poster {
7986
7971
  display: none;
7987
7972
  object-fit: cover;
7988
7973
  height: 100%;
@@ -7994,13 +7979,13 @@ input:checked + .ilo--input--toggle--slider:before {
7994
7979
  top: 0;
7995
7980
  width: 100%;
7996
7981
  }
7997
- .ilo--video--poster.show,
7998
- .ilo--video .vjs-poster.show {
7982
+ .ilo--legacyvideo--poster.show,
7983
+ .ilo--legacyvideo .vjs-poster.show {
7999
7984
  display: block;
8000
7985
  }
8001
- .ilo--video--poster img, .ilo--video--poster source,
8002
- .ilo--video .vjs-poster img,
8003
- .ilo--video .vjs-poster source {
7986
+ .ilo--legacyvideo--poster img, .ilo--legacyvideo--poster source,
7987
+ .ilo--legacyvideo .vjs-poster img,
7988
+ .ilo--legacyvideo .vjs-poster source {
8004
7989
  height: auto;
8005
7990
  left: 50%;
8006
7991
  position: absolute;
@@ -8008,8 +7993,8 @@ input:checked + .ilo--input--toggle--slider:before {
8008
7993
  transform: translate(-50%, -50%);
8009
7994
  width: 100%;
8010
7995
  }
8011
- .ilo--video--controls,
8012
- .ilo--video .vjs-control-bar {
7996
+ .ilo--legacyvideo--controls,
7997
+ .ilo--legacyvideo .vjs-control-bar {
8013
7998
  bottom: 0;
8014
7999
  color: rgb(255, 255, 255);
8015
8000
  display: flex;
@@ -8021,26 +8006,26 @@ input:checked + .ilo--input--toggle--slider:before {
8021
8006
  transition: opacity 150ms ease-out;
8022
8007
  width: 100%;
8023
8008
  }
8024
- .ilo--video--controls.notplayed,
8025
- .ilo--video .vjs-control-bar.notplayed {
8009
+ .ilo--legacyvideo--controls.notplayed,
8010
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8026
8011
  bottom: auto;
8027
8012
  opacity: 1;
8028
8013
  top: 0;
8029
8014
  }
8030
8015
  @media screen and (min-width: 1024px) {
8031
- .ilo--video--controls.notplayed,
8032
- .ilo--video .vjs-control-bar.notplayed {
8016
+ .ilo--legacyvideo--controls.notplayed,
8017
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8033
8018
  flex-direction: column;
8034
8019
  height: 122px;
8035
8020
  width: 0.2143622722rem;
8036
8021
  }
8037
8022
  }
8038
- [dir=rtl] .ilo--video--controls,
8039
- [dir=rtl] .ilo--video .vjs-control-bar {
8023
+ [dir=rtl] .ilo--legacyvideo--controls,
8024
+ [dir=rtl] .ilo--legacyvideo .vjs-control-bar {
8040
8025
  justify-content: flex-end;
8041
8026
  }
8042
- .ilo--video--controls button span,
8043
- .ilo--video .vjs-control-bar button span {
8027
+ .ilo--legacyvideo--controls button span,
8028
+ .ilo--legacyvideo .vjs-control-bar button span {
8044
8029
  width: 1px;
8045
8030
  height: 1px;
8046
8031
  margin: -1px;
@@ -8050,13 +8035,13 @@ input:checked + .ilo--input--toggle--slider:before {
8050
8035
  clip: rect(0 0 0 0);
8051
8036
  overflow: hidden;
8052
8037
  }
8053
- .ilo--video--controls--play, .ilo--video--controls--pause,
8054
- .ilo--video--controls .vjs-play-control,
8055
- .ilo--video--controls .vjs-big-play-button,
8056
- .ilo--video .vjs-control-bar--play,
8057
- .ilo--video .vjs-control-bar--pause,
8058
- .ilo--video .vjs-control-bar .vjs-play-control,
8059
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8038
+ .ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--pause,
8039
+ .ilo--legacyvideo--controls .vjs-play-control,
8040
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8041
+ .ilo--legacyvideo .vjs-control-bar--play,
8042
+ .ilo--legacyvideo .vjs-control-bar--pause,
8043
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control,
8044
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8060
8045
  background-color: rgb(45, 45, 45);
8061
8046
  border: none;
8062
8047
  cursor: pointer;
@@ -8067,163 +8052,163 @@ input:checked + .ilo--input--toggle--slider:before {
8067
8052
  -moz-appearance: none;
8068
8053
  }
8069
8054
  @media screen and (min-width: 1024px) {
8070
- .ilo--video--controls.notplayed .vjs-play-control,
8071
- .ilo--video--controls.notplayed .vjs-big-play-button,
8072
- .ilo--video .vjs-control-bar.notplayed .vjs-play-control,
8073
- .ilo--video .vjs-control-bar.notplayed .vjs-big-play-button {
8055
+ .ilo--legacyvideo--controls.notplayed .vjs-play-control,
8056
+ .ilo--legacyvideo--controls.notplayed .vjs-big-play-button,
8057
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-play-control,
8058
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-big-play-button {
8074
8059
  order: 1;
8075
8060
  height: 2.5723472669rem;
8076
8061
  width: 2.5723472669rem;
8077
8062
  }
8078
- .ilo--video--controls.notplayed .ilo--video--controls--play,
8079
- .ilo--video--controls.notplayed .ilo--video--controls--pause,
8080
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--play,
8081
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--pause {
8063
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--play,
8064
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--pause,
8065
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--play,
8066
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--pause {
8082
8067
  order: 1;
8083
8068
  height: 4.2872454448rem;
8084
8069
  width: 4.2872454448rem;
8085
8070
  }
8086
8071
  }
8087
- .ilo--video--controls--play,
8088
- .ilo--video--controls .vjs-play-control:not(.vjs-playing),
8089
- .ilo--video--controls .vjs-big-play-button,
8090
- .ilo--video .vjs-control-bar--play,
8091
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8092
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8072
+ .ilo--legacyvideo--controls--play,
8073
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing),
8074
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8075
+ .ilo--legacyvideo .vjs-control-bar--play,
8076
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8077
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8093
8078
  background-position: center center;
8094
8079
  background-repeat: no-repeat;
8095
8080
  background-size: 2.5723472669rem 2.5723472669rem;
8096
8081
  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");
8097
8082
  }
8098
- .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
8099
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8100
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
8101
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus,
8102
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered,
8103
- .ilo--video--controls .vjs-big-play-button:hover,
8104
- .ilo--video--controls .vjs-big-play-button:focus,
8105
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered,
8106
- .ilo--video .vjs-control-bar--play:hover,
8107
- .ilo--video .vjs-control-bar--play:focus,
8108
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8109
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8110
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8111
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered,
8112
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover,
8113
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus {
8083
+ .ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered, .ilo--legacyvideo--controls--play:hover, .ilo--legacyvideo--controls--play:focus,
8084
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8085
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover,
8086
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus,
8087
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8088
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover,
8089
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus,
8090
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered,
8091
+ .ilo--legacyvideo .vjs-control-bar--play:hover,
8092
+ .ilo--legacyvideo .vjs-control-bar--play:focus,
8093
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8094
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8095
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8096
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8097
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover,
8098
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus {
8114
8099
  background-color: rgb(235, 245, 253);
8115
8100
  background-position: center center;
8116
8101
  background-repeat: no-repeat;
8117
8102
  background-size: 2.5723472669rem 2.5723472669rem;
8118
8103
  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");
8119
8104
  }
8120
- .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,
8121
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8122
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8123
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8124
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8125
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8126
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8127
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8128
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8129
- .ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
8130
- .ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8131
- .ilo--video--controls .vjs-big-play-button:focus ~ .vjs-duration,
8132
- .ilo--video--controls .vjs-big-play-button:focus ~ .ilo--video--controls--duration,
8133
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .vjs-duration,
8134
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8135
- .ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
8136
- .ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
8137
- .ilo--video .vjs-control-bar--play:focus ~ .vjs-duration,
8138
- .ilo--video .vjs-control-bar--play:focus ~ .ilo--video--controls--duration,
8139
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8140
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8141
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8142
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8143
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8144
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8145
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8146
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8147
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8148
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8149
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8150
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--video--controls--duration {
8105
+ .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,
8106
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8107
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8108
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8109
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8110
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8111
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8112
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8113
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8114
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .vjs-duration,
8115
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8116
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .vjs-duration,
8117
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration,
8118
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8119
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8120
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .vjs-duration,
8121
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .ilo--legacyvideo--controls--duration,
8122
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .vjs-duration,
8123
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .ilo--legacyvideo--controls--duration,
8124
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8125
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8126
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8127
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8128
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8129
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8130
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8131
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8132
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8133
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8134
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8135
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration {
8151
8136
  background-color: rgb(235, 245, 253);
8152
8137
  color: rgb(30, 45, 190);
8153
8138
  }
8154
- .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8155
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8156
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8157
- .ilo--video--controls .vjs-big-play-button.vjs-paused,
8158
- .ilo--video--controls .vjs-big-play-button.vjs-ended,
8159
- .ilo--video .vjs-control-bar--play.vjs-paused,
8160
- .ilo--video .vjs-control-bar--play.vjs-ended,
8161
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8162
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8163
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8164
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8139
+ .ilo--legacyvideo--controls--play.vjs-paused, .ilo--legacyvideo--controls--play.vjs-ended,
8140
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8141
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8142
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused,
8143
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended,
8144
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused,
8145
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended,
8146
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8147
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8148
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused,
8149
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended {
8165
8150
  background-position: center center;
8166
8151
  background-repeat: no-repeat;
8167
8152
  background-size: 1.2861736334rem 1.2861736334rem;
8168
8153
  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");
8169
8154
  }
8170
- .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,
8171
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8172
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8173
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8174
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8175
- .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8176
- .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8177
- .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8178
- .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8179
- .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8180
- .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8181
- .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8182
- .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8183
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8184
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8185
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8186
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8187
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8188
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8189
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8190
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8155
+ .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,
8156
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8157
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8158
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8159
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8160
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:hover,
8161
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:focus,
8162
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:hover,
8163
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:focus,
8164
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:hover,
8165
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:focus,
8166
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:hover,
8167
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:focus,
8168
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8169
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8170
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8171
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8172
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8173
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8174
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8175
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8191
8176
  background-color: rgb(235, 245, 253);
8192
8177
  background-position: center center;
8193
8178
  background-repeat: no-repeat;
8194
8179
  background-size: 1.2861736334rem 1.2861736334rem;
8195
8180
  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");
8196
8181
  }
8197
- .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
8198
- .ilo--video .vjs-control-bar:not(.notplayed) .ilo--video--controls--play {
8182
+ .ilo--legacyvideo--controls:not(.notplayed) .ilo--legacyvideo--controls--play,
8183
+ .ilo--legacyvideo .vjs-control-bar:not(.notplayed) .ilo--legacyvideo--controls--play {
8199
8184
  background-size: 24px 24px;
8200
8185
  }
8201
- .ilo--video--controls--pause,
8202
- .ilo--video--controls .vjs-playing,
8203
- .ilo--video .vjs-control-bar--pause,
8204
- .ilo--video .vjs-control-bar .vjs-playing {
8186
+ .ilo--legacyvideo--controls--pause,
8187
+ .ilo--legacyvideo--controls .vjs-playing,
8188
+ .ilo--legacyvideo .vjs-control-bar--pause,
8189
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing {
8205
8190
  background-position: center center;
8206
8191
  background-repeat: no-repeat;
8207
8192
  background-size: 1.2861736334rem 1.2861736334rem;
8208
8193
  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");
8209
8194
  }
8210
- .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
8211
- .ilo--video--controls .vjs-playing:hover,
8212
- .ilo--video--controls .vjs-playing:focus,
8213
- .ilo--video .vjs-control-bar--pause:hover,
8214
- .ilo--video .vjs-control-bar--pause:focus,
8215
- .ilo--video .vjs-control-bar .vjs-playing:hover,
8216
- .ilo--video .vjs-control-bar .vjs-playing:focus {
8195
+ .ilo--legacyvideo--controls--pause:hover, .ilo--legacyvideo--controls--pause:focus,
8196
+ .ilo--legacyvideo--controls .vjs-playing:hover,
8197
+ .ilo--legacyvideo--controls .vjs-playing:focus,
8198
+ .ilo--legacyvideo .vjs-control-bar--pause:hover,
8199
+ .ilo--legacyvideo .vjs-control-bar--pause:focus,
8200
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:hover,
8201
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:focus {
8217
8202
  background-color: rgb(235, 245, 253);
8218
8203
  background-position: center center;
8219
8204
  background-repeat: no-repeat;
8220
8205
  background-size: 1.2861736334rem 1.2861736334rem;
8221
8206
  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");
8222
8207
  }
8223
- .ilo--video--controls--duration,
8224
- .ilo--video--controls .vjs-duration,
8225
- .ilo--video .vjs-control-bar--duration,
8226
- .ilo--video .vjs-control-bar .vjs-duration {
8208
+ .ilo--legacyvideo--controls--duration,
8209
+ .ilo--legacyvideo--controls .vjs-duration,
8210
+ .ilo--legacyvideo .vjs-control-bar--duration,
8211
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration {
8227
8212
  background-color: rgb(45, 45, 45);
8228
8213
  color: rgb(237, 240, 242);
8229
8214
  display: none;
@@ -8238,66 +8223,66 @@ input:checked + .ilo--input--toggle--slider:before {
8238
8223
  letter-spacing: -0.02em;
8239
8224
  line-height: 20.16px;
8240
8225
  }
8241
- .ilo--video--controls--duration.ilo--video--controls--duration--hovered, .ilo--video--controls--duration:hover, .ilo--video--controls--duration:focus,
8242
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered,
8243
- .ilo--video--controls .vjs-duration:hover,
8244
- .ilo--video--controls .vjs-duration:focus,
8245
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered,
8246
- .ilo--video .vjs-control-bar--duration:hover,
8247
- .ilo--video .vjs-control-bar--duration:focus,
8248
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered,
8249
- .ilo--video .vjs-control-bar .vjs-duration:hover,
8250
- .ilo--video .vjs-control-bar .vjs-duration:focus {
8226
+ .ilo--legacyvideo--controls--duration.ilo--legacyvideo--controls--duration--hovered, .ilo--legacyvideo--controls--duration:hover, .ilo--legacyvideo--controls--duration:focus,
8227
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8228
+ .ilo--legacyvideo--controls .vjs-duration:hover,
8229
+ .ilo--legacyvideo--controls .vjs-duration:focus,
8230
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered,
8231
+ .ilo--legacyvideo .vjs-control-bar--duration:hover,
8232
+ .ilo--legacyvideo .vjs-control-bar--duration:focus,
8233
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8234
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover,
8235
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus {
8251
8236
  background-color: rgb(235, 245, 253);
8252
8237
  color: rgb(30, 45, 190);
8253
8238
  }
8254
- .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,
8255
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8256
- .ilo--video--controls .vjs-duration:hover ~ .ilo--video--controls--play,
8257
- .ilo--video--controls .vjs-duration:focus ~ .ilo--video--controls--play,
8258
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8259
- .ilo--video .vjs-control-bar--duration:hover ~ .ilo--video--controls--play,
8260
- .ilo--video .vjs-control-bar--duration:focus ~ .ilo--video--controls--play,
8261
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8262
- .ilo--video .vjs-control-bar .vjs-duration:hover ~ .ilo--video--controls--play,
8263
- .ilo--video .vjs-control-bar .vjs-duration:focus ~ .ilo--video--controls--play {
8239
+ .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,
8240
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8241
+ .ilo--legacyvideo--controls .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8242
+ .ilo--legacyvideo--controls .vjs-duration:focus ~ .ilo--legacyvideo--controls--play,
8243
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8244
+ .ilo--legacyvideo .vjs-control-bar--duration:hover ~ .ilo--legacyvideo--controls--play,
8245
+ .ilo--legacyvideo .vjs-control-bar--duration:focus ~ .ilo--legacyvideo--controls--play,
8246
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8247
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8248
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus ~ .ilo--legacyvideo--controls--play {
8264
8249
  background-color: rgb(235, 245, 253);
8265
8250
  background-position: center center;
8266
8251
  background-repeat: no-repeat;
8267
8252
  background-size: 2.5723472669rem 2.5723472669rem;
8268
8253
  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");
8269
8254
  }
8270
- .ilo--video--controls--duration.show,
8271
- .ilo--video--controls .vjs-duration.show,
8272
- .ilo--video .vjs-control-bar--duration.show,
8273
- .ilo--video .vjs-control-bar .vjs-duration.show {
8255
+ .ilo--legacyvideo--controls--duration.show,
8256
+ .ilo--legacyvideo--controls .vjs-duration.show,
8257
+ .ilo--legacyvideo .vjs-control-bar--duration.show,
8258
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.show {
8274
8259
  display: block;
8275
8260
  }
8276
8261
  @media screen and (min-width: 1024px) {
8277
- .ilo--video--controls.notplayed .vjs-duration,
8278
- .ilo--video .vjs-control-bar.notplayed .vjs-duration {
8262
+ .ilo--legacyvideo--controls.notplayed .vjs-duration,
8263
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-duration {
8279
8264
  height: 2.1436227224rem;
8280
8265
  margin-left: 0;
8281
8266
  margin-top: 2px;
8282
8267
  width: 2.5723472669rem;
8283
8268
  }
8284
- .ilo--video--controls.notplayed .ilo--video--controls--duration,
8285
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--duration {
8269
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--duration,
8270
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--duration {
8286
8271
  height: 2.1436227224rem;
8287
8272
  margin-left: 0;
8288
8273
  margin-top: 2px;
8289
8274
  width: 4.2872454448rem;
8290
8275
  }
8291
8276
  }
8292
- .ilo--video--controls .vjs-progress-holder,
8293
- .ilo--video .vjs-control-bar .vjs-progress-holder {
8277
+ .ilo--legacyvideo--controls .vjs-progress-holder,
8278
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-holder {
8294
8279
  position: relative;
8295
8280
  width: 96%;
8296
8281
  }
8297
- .ilo--video--controls--progress,
8298
- .ilo--video--controls .vjs-progress-control,
8299
- .ilo--video .vjs-control-bar--progress,
8300
- .ilo--video .vjs-control-bar .vjs-progress-control {
8282
+ .ilo--legacyvideo--controls--progress,
8283
+ .ilo--legacyvideo--controls .vjs-progress-control,
8284
+ .ilo--legacyvideo .vjs-control-bar--progress,
8285
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8301
8286
  background-color: rgb(45, 45, 45);
8302
8287
  display: none;
8303
8288
  flex-grow: 1;
@@ -8306,19 +8291,19 @@ input:checked + .ilo--input--toggle--slider:before {
8306
8291
  order: 3;
8307
8292
  position: relative;
8308
8293
  }
8309
- .ilo--video--controls--progress.show, .vjs-has-started .ilo--video--controls--progress,
8310
- .ilo--video--controls .vjs-progress-control.show,
8311
- .vjs-has-started .ilo--video--controls .vjs-progress-control,
8312
- .ilo--video .vjs-control-bar--progress.show,
8313
- .vjs-has-started .ilo--video .vjs-control-bar--progress,
8314
- .ilo--video .vjs-control-bar .vjs-progress-control.show,
8315
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-progress-control {
8294
+ .ilo--legacyvideo--controls--progress.show, .vjs-has-started .ilo--legacyvideo--controls--progress,
8295
+ .ilo--legacyvideo--controls .vjs-progress-control.show,
8296
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-progress-control,
8297
+ .ilo--legacyvideo .vjs-control-bar--progress.show,
8298
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--progress,
8299
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control.show,
8300
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8316
8301
  display: block;
8317
8302
  }
8318
- .ilo--video--controls--progress-playhead,
8319
- .ilo--video--controls .vjs-progress-control-playhead,
8320
- .ilo--video .vjs-control-bar--progress-playhead,
8321
- .ilo--video .vjs-control-bar .vjs-progress-control-playhead {
8303
+ .ilo--legacyvideo--controls--progress-playhead,
8304
+ .ilo--legacyvideo--controls .vjs-progress-control-playhead,
8305
+ .ilo--legacyvideo .vjs-control-bar--progress-playhead,
8306
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-playhead {
8322
8307
  height: 100%;
8323
8308
  left: 2%;
8324
8309
  opacity: 0;
@@ -8328,14 +8313,14 @@ input:checked + .ilo--input--toggle--slider:before {
8328
8313
  width: 96%;
8329
8314
  z-index: 20;
8330
8315
  }
8331
- .ilo--video--controls--progress-current,
8332
- .ilo--video--controls--progress .vjs-play-progress,
8333
- .ilo--video--controls .vjs-progress-control-current,
8334
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8335
- .ilo--video .vjs-control-bar--progress-current,
8336
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8337
- .ilo--video .vjs-control-bar .vjs-progress-control-current,
8338
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8316
+ .ilo--legacyvideo--controls--progress-current,
8317
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8318
+ .ilo--legacyvideo--controls .vjs-progress-control-current,
8319
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8320
+ .ilo--legacyvideo .vjs-control-bar--progress-current,
8321
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8322
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current,
8323
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8339
8324
  height: 8px;
8340
8325
  left: 2%;
8341
8326
  position: absolute;
@@ -8344,54 +8329,54 @@ input:checked + .ilo--input--toggle--slider:before {
8344
8329
  z-index: 15;
8345
8330
  -webkit-appearance: none;
8346
8331
  }
8347
- .ilo--video--controls--progress-current::-moz-progress-bar,
8348
- .ilo--video--controls--progress .vjs-play-progress::-moz-progress-bar,
8349
- .ilo--video--controls .vjs-progress-control-current::-moz-progress-bar,
8350
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8351
- .ilo--video .vjs-control-bar--progress-current::-moz-progress-bar,
8352
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8353
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8354
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8332
+ .ilo--legacyvideo--controls--progress-current::-moz-progress-bar,
8333
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-moz-progress-bar,
8334
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-moz-progress-bar,
8335
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8336
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-moz-progress-bar,
8337
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8338
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8339
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8355
8340
  background: rgb(235, 245, 253);
8356
8341
  border-radius: 0;
8357
8342
  }
8358
- .ilo--video--controls--progress-current::-webkit-progress-bar,
8359
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-bar,
8360
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-bar,
8361
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8362
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-bar,
8363
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8364
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8365
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8343
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-bar,
8344
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-bar,
8345
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-bar,
8346
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8347
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-bar,
8348
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8349
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8350
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8366
8351
  background: transparent;
8367
8352
  }
8368
- .ilo--video--controls--progress-current::-webkit-progress-value,
8369
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-value,
8370
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-value,
8371
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8372
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-value,
8373
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8374
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8375
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8353
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-value,
8354
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-value,
8355
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-value,
8356
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8357
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-value,
8358
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8359
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8360
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8376
8361
  background: rgb(235, 245, 253);
8377
8362
  border-radius: 0;
8378
8363
  }
8379
- .ilo--video--controls--progress .vjs-play-progress,
8380
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8381
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8382
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8364
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8365
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8366
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8367
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8383
8368
  background: rgb(235, 245, 253);
8384
8369
  }
8385
- .ilo--video--controls--progress .vjs-play-progress .vjs-time-tooltip,
8386
- .ilo--video--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8387
- .ilo--video .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8388
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8370
+ .ilo--legacyvideo--controls--progress .vjs-play-progress .vjs-time-tooltip,
8371
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8372
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8373
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8389
8374
  display: none;
8390
8375
  }
8391
- .ilo--video--controls--progress div[data-start],
8392
- .ilo--video--controls .vjs-progress-control div[data-start],
8393
- .ilo--video .vjs-control-bar--progress div[data-start],
8394
- .ilo--video .vjs-control-bar .vjs-progress-control div[data-start] {
8376
+ .ilo--legacyvideo--controls--progress div[data-start],
8377
+ .ilo--legacyvideo--controls .vjs-progress-control div[data-start],
8378
+ .ilo--legacyvideo .vjs-control-bar--progress div[data-start],
8379
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control div[data-start] {
8395
8380
  background: rgb(184, 196, 204);
8396
8381
  height: 8px;
8397
8382
  left: 2%;
@@ -8400,27 +8385,27 @@ input:checked + .ilo--input--toggle--slider:before {
8400
8385
  width: 96%;
8401
8386
  z-index: 15;
8402
8387
  }
8403
- .ilo--video--controls--progress-played,
8404
- .ilo--video--controls--progress .vjs-mouse-display,
8405
- .ilo--video--controls .vjs-progress-control-played,
8406
- .ilo--video--controls .vjs-progress-control .vjs-mouse-display,
8407
- .ilo--video .vjs-control-bar--progress-played,
8408
- .ilo--video .vjs-control-bar--progress .vjs-mouse-display,
8409
- .ilo--video .vjs-control-bar .vjs-progress-control-played,
8410
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8388
+ .ilo--legacyvideo--controls--progress-played,
8389
+ .ilo--legacyvideo--controls--progress .vjs-mouse-display,
8390
+ .ilo--legacyvideo--controls .vjs-progress-control-played,
8391
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-mouse-display,
8392
+ .ilo--legacyvideo .vjs-control-bar--progress-played,
8393
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-mouse-display,
8394
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-played,
8395
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8411
8396
  display: none;
8412
8397
  position: absolute;
8413
8398
  top: -40px;
8414
8399
  z-index: 20;
8415
8400
  }
8416
- .ilo--video--controls--progress-loaded,
8417
- .ilo--video--controls--progress .vjs-load-progress,
8418
- .ilo--video--controls .vjs-progress-control-loaded,
8419
- .ilo--video--controls .vjs-progress-control .vjs-load-progress,
8420
- .ilo--video .vjs-control-bar--progress-loaded,
8421
- .ilo--video .vjs-control-bar--progress .vjs-load-progress,
8422
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded,
8423
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8401
+ .ilo--legacyvideo--controls--progress-loaded,
8402
+ .ilo--legacyvideo--controls--progress .vjs-load-progress,
8403
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded,
8404
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress,
8405
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded,
8406
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress,
8407
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded,
8408
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8424
8409
  height: 8px;
8425
8410
  left: 2%;
8426
8411
  position: absolute;
@@ -8429,54 +8414,54 @@ input:checked + .ilo--input--toggle--slider:before {
8429
8414
  z-index: 10;
8430
8415
  -webkit-appearance: none;
8431
8416
  }
8432
- .ilo--video--controls--progress-loaded::-moz-progress-bar,
8433
- .ilo--video--controls--progress .vjs-load-progress::-moz-progress-bar,
8434
- .ilo--video--controls .vjs-progress-control-loaded::-moz-progress-bar,
8435
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8436
- .ilo--video .vjs-control-bar--progress-loaded::-moz-progress-bar,
8437
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8438
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8439
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8417
+ .ilo--legacyvideo--controls--progress-loaded::-moz-progress-bar,
8418
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-moz-progress-bar,
8419
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-moz-progress-bar,
8420
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8421
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-moz-progress-bar,
8422
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8423
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8424
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8440
8425
  background: rgb(184, 196, 204);
8441
8426
  border-radius: 0;
8442
8427
  }
8443
- .ilo--video--controls--progress-loaded::-webkit-progress-bar,
8444
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-bar,
8445
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8446
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8447
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8448
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8449
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8450
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8428
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-bar,
8429
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-bar,
8430
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8431
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8432
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8433
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8434
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8435
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8451
8436
  background: transparent;
8452
8437
  }
8453
- .ilo--video--controls--progress-loaded::-webkit-progress-value,
8454
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-value,
8455
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-value,
8456
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8457
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-value,
8458
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8459
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8460
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8438
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-value,
8439
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-value,
8440
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-value,
8441
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8442
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-value,
8443
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8444
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8445
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8461
8446
  background: rgb(184, 196, 204);
8462
8447
  border-radius: 0;
8463
8448
  }
8464
- .ilo--video--controls--progress:hover .vjs-play-progress, .ilo--video--controls--progress:focus .vjs-play-progress,
8465
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress,
8466
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress,
8467
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress,
8468
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress,
8469
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8470
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8449
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress,
8450
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress,
8451
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress,
8452
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress,
8453
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress,
8454
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8455
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8471
8456
  position: relative;
8472
8457
  }
8473
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8474
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8475
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8476
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8477
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8478
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8479
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8458
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8459
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8460
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8461
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8462
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8463
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8464
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8480
8465
  align-items: center;
8481
8466
  background-color: rgb(45, 45, 45);
8482
8467
  display: flex;
@@ -8490,13 +8475,13 @@ input:checked + .ilo--input--toggle--slider:before {
8490
8475
  letter-spacing: -0.02em;
8491
8476
  line-height: 16.24px;
8492
8477
  }
8493
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8494
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8495
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8496
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8497
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8498
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8499
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8478
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8479
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8480
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8481
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8482
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8483
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8484
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8500
8485
  background-position: top left;
8501
8486
  background-repeat: no-repeat;
8502
8487
  background-size: contain;
@@ -8508,25 +8493,25 @@ input:checked + .ilo--input--toggle--slider:before {
8508
8493
  bottom: -0.6430868167rem;
8509
8494
  width: 0.6430868167rem;
8510
8495
  }
8511
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played-container,
8512
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8513
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played-container,
8514
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played-container,
8515
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played-container,
8516
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8517
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played-container {
8496
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played-container, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8497
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8498
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container,
8499
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played-container,
8500
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8501
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8502
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container {
8518
8503
  position: absolute;
8519
8504
  left: 2%;
8520
8505
  top: 0;
8521
8506
  width: 96%;
8522
8507
  }
8523
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played,
8524
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played,
8525
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played,
8526
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played,
8527
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played,
8528
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played,
8529
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played {
8508
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played,
8509
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8510
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played,
8511
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played,
8512
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played,
8513
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8514
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played {
8530
8515
  --playhead: 0%;
8531
8516
  align-items: center;
8532
8517
  background-color: rgb(45, 45, 45);
@@ -8541,13 +8526,13 @@ input:checked + .ilo--input--toggle--slider:before {
8541
8526
  letter-spacing: -0.02em;
8542
8527
  line-height: 16.24px;
8543
8528
  }
8544
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played:after,
8545
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8546
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played:after,
8547
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played:after,
8548
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played:after,
8549
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8550
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played:after {
8529
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played:after, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8530
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8531
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after,
8532
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played:after,
8533
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8534
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8535
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after {
8551
8536
  background-position: top left;
8552
8537
  background-repeat: no-repeat;
8553
8538
  background-size: contain;
@@ -8559,10 +8544,10 @@ input:checked + .ilo--input--toggle--slider:before {
8559
8544
  bottom: -0.6430868167rem;
8560
8545
  width: 0.6430868167rem;
8561
8546
  }
8562
- .ilo--video--controls--volume,
8563
- .ilo--video--controls .vjs-volume-panel,
8564
- .ilo--video .vjs-control-bar--volume,
8565
- .ilo--video .vjs-control-bar .vjs-volume-panel {
8547
+ .ilo--legacyvideo--controls--volume,
8548
+ .ilo--legacyvideo--controls .vjs-volume-panel,
8549
+ .ilo--legacyvideo .vjs-control-bar--volume,
8550
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8566
8551
  border-bottom: 1px solid;
8567
8552
  bottom: 0;
8568
8553
  display: none;
@@ -8573,28 +8558,28 @@ input:checked + .ilo--input--toggle--slider:before {
8573
8558
  position: relative;
8574
8559
  width: 40px;
8575
8560
  }
8576
- .ilo--video--controls--volume.show, .vjs-has-started .ilo--video--controls--volume,
8577
- .ilo--video--controls .vjs-volume-panel.show,
8578
- .vjs-has-started .ilo--video--controls .vjs-volume-panel,
8579
- .ilo--video .vjs-control-bar--volume.show,
8580
- .vjs-has-started .ilo--video .vjs-control-bar--volume,
8581
- .ilo--video .vjs-control-bar .vjs-volume-panel.show,
8582
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
8561
+ .ilo--legacyvideo--controls--volume.show, .vjs-has-started .ilo--legacyvideo--controls--volume,
8562
+ .ilo--legacyvideo--controls .vjs-volume-panel.show,
8563
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-volume-panel,
8564
+ .ilo--legacyvideo .vjs-control-bar--volume.show,
8565
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--volume,
8566
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.show,
8567
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8583
8568
  display: block;
8584
8569
  }
8585
- .ilo--video--controls--volume:hover .vjs-volume-control, .ilo--video--controls--volume:focus .vjs-volume-control,
8586
- .ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
8587
- .ilo--video--controls .vjs-volume-panel:focus .vjs-volume-control,
8588
- .ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
8589
- .ilo--video .vjs-control-bar--volume:focus .vjs-volume-control,
8590
- .ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8591
- .ilo--video .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8570
+ .ilo--legacyvideo--controls--volume:hover .vjs-volume-control, .ilo--legacyvideo--controls--volume:focus .vjs-volume-control,
8571
+ .ilo--legacyvideo--controls .vjs-volume-panel:hover .vjs-volume-control,
8572
+ .ilo--legacyvideo--controls .vjs-volume-panel:focus .vjs-volume-control,
8573
+ .ilo--legacyvideo .vjs-control-bar--volume:hover .vjs-volume-control,
8574
+ .ilo--legacyvideo .vjs-control-bar--volume:focus .vjs-volume-control,
8575
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8576
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8592
8577
  display: block;
8593
8578
  }
8594
- .ilo--video--controls--showvolume,
8595
- .ilo--video--controls .vjs-mute-control,
8596
- .ilo--video .vjs-control-bar--showvolume,
8597
- .ilo--video .vjs-control-bar .vjs-mute-control {
8579
+ .ilo--legacyvideo--controls--showvolume,
8580
+ .ilo--legacyvideo--controls .vjs-mute-control,
8581
+ .ilo--legacyvideo .vjs-control-bar--showvolume,
8582
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control {
8598
8583
  background-color: rgb(45, 45, 45);
8599
8584
  border: none;
8600
8585
  cursor: pointer;
@@ -8610,54 +8595,54 @@ input:checked + .ilo--input--toggle--slider:before {
8610
8595
  background-size: 1.2861736334rem 1.2861736334rem;
8611
8596
  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");
8612
8597
  }
8613
- .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
8614
- .ilo--video--controls .vjs-mute-control:hover,
8615
- .ilo--video--controls .vjs-mute-control:focus,
8616
- .ilo--video .vjs-control-bar--showvolume:hover,
8617
- .ilo--video .vjs-control-bar--showvolume:focus,
8618
- .ilo--video .vjs-control-bar .vjs-mute-control:hover,
8619
- .ilo--video .vjs-control-bar .vjs-mute-control:focus {
8598
+ .ilo--legacyvideo--controls--showvolume:hover, .ilo--legacyvideo--controls--showvolume:focus,
8599
+ .ilo--legacyvideo--controls .vjs-mute-control:hover,
8600
+ .ilo--legacyvideo--controls .vjs-mute-control:focus,
8601
+ .ilo--legacyvideo .vjs-control-bar--showvolume:hover,
8602
+ .ilo--legacyvideo .vjs-control-bar--showvolume:focus,
8603
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:hover,
8604
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:focus {
8620
8605
  background-color: rgb(235, 245, 253);
8621
8606
  background-position: center center;
8622
8607
  background-repeat: no-repeat;
8623
8608
  background-size: 1.2861736334rem 1.2861736334rem;
8624
8609
  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");
8625
8610
  }
8626
- .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
8627
- .ilo--video--controls .vjs-mute-control.muted,
8628
- .ilo--video--controls .vjs-mute-control[title=Unmute],
8629
- .ilo--video .vjs-control-bar--showvolume.muted,
8630
- .ilo--video .vjs-control-bar--showvolume[title=Unmute],
8631
- .ilo--video .vjs-control-bar .vjs-mute-control.muted,
8632
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
8611
+ .ilo--legacyvideo--controls--showvolume.muted, .ilo--legacyvideo--controls--showvolume[title=Unmute],
8612
+ .ilo--legacyvideo--controls .vjs-mute-control.muted,
8613
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute],
8614
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted,
8615
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute],
8616
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted,
8617
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute] {
8633
8618
  background-position: center center;
8634
8619
  background-repeat: no-repeat;
8635
8620
  background-size: 1.2861736334rem 1.2861736334rem;
8636
8621
  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");
8637
8622
  }
8638
- .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,
8639
- .ilo--video--controls .vjs-mute-control.muted:hover,
8640
- .ilo--video--controls .vjs-mute-control.muted:focus,
8641
- .ilo--video--controls .vjs-mute-control[title=Unmute]:hover,
8642
- .ilo--video--controls .vjs-mute-control[title=Unmute]:focus,
8643
- .ilo--video .vjs-control-bar--showvolume.muted:hover,
8644
- .ilo--video .vjs-control-bar--showvolume.muted:focus,
8645
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:hover,
8646
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:focus,
8647
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:hover,
8648
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:focus,
8649
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8650
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8623
+ .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,
8624
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:hover,
8625
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:focus,
8626
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:hover,
8627
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:focus,
8628
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:hover,
8629
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:focus,
8630
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:hover,
8631
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:focus,
8632
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:hover,
8633
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:focus,
8634
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8635
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8651
8636
  background-color: #ebf5fd;
8652
8637
  background-position: center center;
8653
8638
  background-repeat: no-repeat;
8654
8639
  background-size: 1.2861736334rem 1.2861736334rem;
8655
8640
  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");
8656
8641
  }
8657
- .ilo--video--controls--setvolume,
8658
- .ilo--video--controls .vjs-volume-control,
8659
- .ilo--video .vjs-control-bar--setvolume,
8660
- .ilo--video .vjs-control-bar .vjs-volume-control {
8642
+ .ilo--legacyvideo--controls--setvolume,
8643
+ .ilo--legacyvideo--controls .vjs-volume-control,
8644
+ .ilo--legacyvideo .vjs-control-bar--setvolume,
8645
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-control {
8661
8646
  background: rgb(235, 245, 253);
8662
8647
  border-left: 3px solid rgb(184, 196, 204);
8663
8648
  display: none;
@@ -8670,33 +8655,33 @@ input:checked + .ilo--input--toggle--slider:before {
8670
8655
  top: 9px;
8671
8656
  width: 7.3954983923rem;
8672
8657
  }
8673
- .ilo--video--controls--setvolume,
8674
- .ilo--video .vjs-control-bar--setvolume {
8658
+ .ilo--legacyvideo--controls--setvolume,
8659
+ .ilo--legacyvideo .vjs-control-bar--setvolume {
8675
8660
  border-left: 8px solid rgb(235, 245, 253);
8676
8661
  border-right: 8px solid rgb(235, 245, 253);
8677
8662
  width: 6.5380493033rem;
8678
8663
  -webkit-appearance: none;
8679
8664
  }
8680
- .ilo--video--controls--setvolume.show,
8681
- .ilo--video .vjs-control-bar--setvolume.show {
8665
+ .ilo--legacyvideo--controls--setvolume.show,
8666
+ .ilo--legacyvideo .vjs-control-bar--setvolume.show {
8682
8667
  display: block;
8683
8668
  }
8684
- .ilo--video--controls--setvolume-container,
8685
- .ilo--video .vjs-control-bar--setvolume-container {
8669
+ .ilo--legacyvideo--controls--setvolume-container,
8670
+ .ilo--legacyvideo .vjs-control-bar--setvolume-container {
8686
8671
  left: -2px;
8687
8672
  position: absolute;
8688
8673
  top: -2px;
8689
8674
  }
8690
- .ilo--video--controls--setvolume::-webkit-slider-runnable-track,
8691
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8675
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-runnable-track,
8676
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8692
8677
  background-color: rgb(30, 45, 190);
8693
8678
  border: none;
8694
8679
  box-shadow: none;
8695
8680
  height: 4px;
8696
8681
  cursor: pointer;
8697
8682
  }
8698
- .ilo--video--controls--setvolume::-webkit-slider-thumb,
8699
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-thumb {
8683
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-thumb,
8684
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-thumb {
8700
8685
  background-color: rgb(30, 45, 190);
8701
8686
  border: none;
8702
8687
  border-radius: 50%;
@@ -8707,39 +8692,39 @@ input:checked + .ilo--input--toggle--slider:before {
8707
8692
  width: 16px;
8708
8693
  -webkit-appearance: none;
8709
8694
  }
8710
- .ilo--video--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8711
- .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8695
+ .ilo--legacyvideo--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8696
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8712
8697
  align-items: center;
8713
8698
  cursor: pointer;
8714
8699
  display: flex;
8715
8700
  justify-content: center;
8716
8701
  }
8717
- .ilo--video--controls .vjs-volume-bar,
8718
- .ilo--video .vjs-control-bar .vjs-volume-bar {
8702
+ .ilo--legacyvideo--controls .vjs-volume-bar,
8703
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-bar {
8719
8704
  height: 4px;
8720
8705
  position: relative;
8721
8706
  width: calc(100% - 26px);
8722
8707
  }
8723
- .ilo--video--controls .vjs-mouse-display,
8724
- .ilo--video--controls .vjs-volume-level,
8725
- .ilo--video .vjs-control-bar .vjs-mouse-display,
8726
- .ilo--video .vjs-control-bar .vjs-volume-level {
8708
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8709
+ .ilo--legacyvideo--controls .vjs-volume-level,
8710
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display,
8711
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8727
8712
  height: 4px;
8728
8713
  left: 0;
8729
8714
  position: absolute;
8730
8715
  top: 0;
8731
8716
  }
8732
- .ilo--video--controls .vjs-mouse-display,
8733
- .ilo--video .vjs-control-bar .vjs-mouse-display {
8717
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8718
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display {
8734
8719
  background-color: rgb(184, 196, 204);
8735
8720
  width: 100%;
8736
8721
  }
8737
- .ilo--video--controls .vjs-volume-level,
8738
- .ilo--video .vjs-control-bar .vjs-volume-level {
8722
+ .ilo--legacyvideo--controls .vjs-volume-level,
8723
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8739
8724
  background-color: rgb(30, 45, 190);
8740
8725
  }
8741
- .ilo--video--controls .vjs-volume-level:before,
8742
- .ilo--video .vjs-control-bar .vjs-volume-level:before {
8726
+ .ilo--legacyvideo--controls .vjs-volume-level:before,
8727
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level:before {
8743
8728
  background: rgb(30, 45, 190);
8744
8729
  border-radius: 50%;
8745
8730
  content: "";
@@ -8754,14 +8739,14 @@ input:checked + .ilo--input--toggle--slider:before {
8754
8739
  -ms-transform: translate(-50%, -50%);
8755
8740
  transform: translate(-50%, -50%);
8756
8741
  }
8757
- .ilo--video--controls .vjs-volume-tooltip,
8758
- .ilo--video .vjs-control-bar .vjs-volume-tooltip {
8742
+ .ilo--legacyvideo--controls .vjs-volume-tooltip,
8743
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-tooltip {
8759
8744
  display: none;
8760
8745
  }
8761
- .ilo--video--controls--fullscreen,
8762
- .ilo--video--controls .vjs-fullscreen-control,
8763
- .ilo--video .vjs-control-bar--fullscreen,
8764
- .ilo--video .vjs-control-bar .vjs-fullscreen-control {
8746
+ .ilo--legacyvideo--controls--fullscreen,
8747
+ .ilo--legacyvideo--controls .vjs-fullscreen-control,
8748
+ .ilo--legacyvideo .vjs-control-bar--fullscreen,
8749
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control {
8765
8750
  background-color: rgb(45, 45, 45);
8766
8751
  border: none;
8767
8752
  cursor: pointer;
@@ -8777,100 +8762,100 @@ input:checked + .ilo--input--toggle--slider:before {
8777
8762
  background-size: 1.2861736334rem 1.2861736334rem;
8778
8763
  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");
8779
8764
  }
8780
- .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
8781
- .ilo--video--controls .vjs-fullscreen-control:hover,
8782
- .ilo--video--controls .vjs-fullscreen-control:focus,
8783
- .ilo--video .vjs-control-bar--fullscreen:hover,
8784
- .ilo--video .vjs-control-bar--fullscreen:focus,
8785
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover,
8786
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
8765
+ .ilo--legacyvideo--controls--fullscreen:hover, .ilo--legacyvideo--controls--fullscreen:focus,
8766
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:hover,
8767
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:focus,
8768
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:hover,
8769
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:focus,
8770
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:hover,
8771
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:focus {
8787
8772
  background-color: #ebf5fd;
8788
8773
  background-position: center center;
8789
8774
  background-repeat: no-repeat;
8790
8775
  background-size: 1.2861736334rem 1.2861736334rem;
8791
8776
  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");
8792
8777
  }
8793
- .ilo--video--controls--fullscreen.show,
8794
- .ilo--video--controls .vjs-fullscreen-control.show,
8795
- .ilo--video .vjs-control-bar--fullscreen.show,
8796
- .ilo--video .vjs-control-bar .vjs-fullscreen-control.show {
8778
+ .ilo--legacyvideo--controls--fullscreen.show,
8779
+ .ilo--legacyvideo--controls .vjs-fullscreen-control.show,
8780
+ .ilo--legacyvideo .vjs-control-bar--fullscreen.show,
8781
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control.show {
8797
8782
  display: block;
8798
8783
  }
8799
- .ilo--video .vjs-control-bar {
8784
+ .ilo--legacyvideo .vjs-control-bar {
8800
8785
  bottom: 0;
8801
8786
  left: -5px;
8802
8787
  width: calc(100% + 5px);
8803
8788
  }
8804
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8789
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8805
8790
  bottom: auto;
8806
8791
  left: -5px;
8807
8792
  opacity: 1;
8808
8793
  top: 0;
8809
8794
  }
8810
8795
  @media screen and (min-width: 1024px) {
8811
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8796
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8812
8797
  flex-direction: column;
8813
8798
  height: 158px;
8814
8799
  justify-content: flex-start;
8815
8800
  left: 0;
8816
8801
  width: 80px;
8817
8802
  }
8818
- [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8803
+ [dir=rtl] .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8819
8804
  left: auto;
8820
8805
  right: 0;
8821
8806
  }
8822
8807
  }
8823
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
8808
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
8824
8809
  display: block;
8825
8810
  }
8826
8811
  @media screen and (min-width: 1024px) {
8827
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
8812
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
8828
8813
  height: 2.1436227224rem;
8829
8814
  margin-left: 0;
8830
8815
  margin-top: 2px;
8831
8816
  width: 4.2872454448rem;
8832
8817
  }
8833
- .ilo--video--element:not(.vjs-has-started) .vjs-play-control {
8818
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-play-control {
8834
8819
  order: 1;
8835
8820
  height: 4.2872454448rem;
8836
8821
  width: 4.2872454448rem;
8837
8822
  }
8838
8823
  }
8839
- .ilo--video .vjs-youtube {
8824
+ .ilo--legacyvideo .vjs-youtube {
8840
8825
  padding-bottom: 56%;
8841
8826
  }
8842
- .ilo--video .vjs-youtube:not(.vjs-has-started) .vjs-poster {
8827
+ .ilo--legacyvideo .vjs-youtube:not(.vjs-has-started) .vjs-poster {
8843
8828
  display: block;
8844
8829
  }
8845
- .ilo--video .vjs-control:focus,
8846
- .ilo--video .vjs-control *:focus {
8830
+ .ilo--legacyvideo .vjs-control:focus,
8831
+ .ilo--legacyvideo .vjs-control *:focus {
8847
8832
  outline: none;
8848
8833
  }
8849
- .ilo--video .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
8834
+ .ilo--legacyvideo .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
8850
8835
  display: block;
8851
8836
  }
8852
- .ilo--video:hover .ilo--video--controls,
8853
- .ilo--video:hover .vjs-control-bar, .ilo--video:focus .ilo--video--controls,
8854
- .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .ilo--video--controls,
8855
- .ilo--video:focus-within .vjs-control-bar {
8837
+ .ilo--legacyvideo:hover .ilo--legacyvideo--controls,
8838
+ .ilo--legacyvideo:hover .vjs-control-bar, .ilo--legacyvideo:focus .ilo--legacyvideo--controls,
8839
+ .ilo--legacyvideo:focus .vjs-control-bar, .ilo--legacyvideo:focus-within .ilo--legacyvideo--controls,
8840
+ .ilo--legacyvideo:focus-within .vjs-control-bar {
8856
8841
  opacity: 1;
8857
8842
  transition: opacity 150ms ease-out;
8858
8843
  }
8859
- .ilo--video .vjs-loading-spinner {
8844
+ .ilo--legacyvideo .vjs-loading-spinner {
8860
8845
  display: none;
8861
8846
  }
8862
- .ilo--video .vjs-time-divider,
8863
- .ilo--video .vjs-remaining-time,
8864
- .ilo--video .vjs-current-time,
8865
- .ilo--video .vjs-control-text {
8847
+ .ilo--legacyvideo .vjs-time-divider,
8848
+ .ilo--legacyvideo .vjs-remaining-time,
8849
+ .ilo--legacyvideo .vjs-current-time,
8850
+ .ilo--legacyvideo .vjs-control-text {
8866
8851
  display: none !important;
8867
8852
  }
8868
8853
 
8869
- .ilo--video--container {
8854
+ .ilo--legacyvideo--container {
8870
8855
  position: relative;
8871
8856
  }
8872
8857
 
8873
- [dir=rtl] .ilo--video--caption {
8858
+ [dir=rtl] .ilo--legacyvideo--caption {
8874
8859
  border-left: none;
8875
8860
  border-right: 3px solid #b8c4cc;
8876
8861
  padding-left: 0;
@@ -8883,7 +8868,387 @@ input:checked + .ilo--input--toggle--slider:before {
8883
8868
 
8884
8869
  /**
8885
8870
  * Do not edit directly
8886
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
8871
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8872
+ */
8873
+ /**
8874
+ * TOKENS:
8875
+ */
8876
+ /**
8877
+ * MAPS:
8878
+ */
8879
+ .ilo--video {
8880
+ width: 100%;
8881
+ }
8882
+ .ilo--video .video-js {
8883
+ height: auto;
8884
+ }
8885
+ .ilo--video .vjs-loading-spinner {
8886
+ display: none;
8887
+ }
8888
+ .ilo--video .vjs-tech {
8889
+ width: 100%;
8890
+ }
8891
+ .ilo--video--caption {
8892
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8893
+ color: rgb(109, 109, 109);
8894
+ font-weight: 400;
8895
+ margin-top: 0.857449089rem;
8896
+ padding-left: 0.4287245445rem;
8897
+ font-size: 14.93px;
8898
+ letter-spacing: -0.02em;
8899
+ line-height: 20.16px;
8900
+ }
8901
+ .ilo--video--element {
8902
+ height: auto;
8903
+ object-fit: cover;
8904
+ width: inherit;
8905
+ }
8906
+ .ilo--video--wrapper {
8907
+ line-height: 0;
8908
+ position: relative;
8909
+ overflow: hidden;
8910
+ }
8911
+ .ilo--video button {
8912
+ padding: 0;
8913
+ }
8914
+ .ilo--video .vjs-time-divider,
8915
+ .ilo--video .vjs-remaining-time,
8916
+ .ilo--video .vjs-current-time,
8917
+ .ilo--video .vjs-control-text,
8918
+ .ilo--video .vjs-custom-control-spacer {
8919
+ display: none;
8920
+ }
8921
+ .ilo--video:hover .vjs-control-bar, .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .vjs-control-bar {
8922
+ opacity: 1;
8923
+ transition: opacity 150ms ease-out;
8924
+ }
8925
+ .ilo--video .vjs-youtube {
8926
+ padding-bottom: 56.25%;
8927
+ }
8928
+ .ilo--video--element:not(.vjs-has-started) .vjs-poster {
8929
+ background-size: cover;
8930
+ object-fit: cover;
8931
+ height: 100%;
8932
+ overflow: hidden;
8933
+ position: absolute;
8934
+ width: 100%;
8935
+ left: 0;
8936
+ top: 0;
8937
+ }
8938
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8939
+ bottom: auto;
8940
+ opacity: 1;
8941
+ top: 0;
8942
+ width: 6.6452304394rem;
8943
+ }
8944
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,
8945
+ .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,
8946
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control {
8947
+ background-color: rgb(235, 245, 253);
8948
+ color: rgb(30, 45, 190);
8949
+ }
8950
+ .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 {
8951
+ 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");
8952
+ }
8953
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
8954
+ cursor: pointer;
8955
+ border: none;
8956
+ background-color: rgb(45, 45, 45);
8957
+ width: 40px;
8958
+ height: 40px;
8959
+ background-position: center center;
8960
+ background-repeat: no-repeat;
8961
+ background-size: 24px 24px;
8962
+ 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");
8963
+ }
8964
+ .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 {
8965
+ background-color: rgb(235, 245, 253);
8966
+ 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");
8967
+ }
8968
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration {
8969
+ display: flex;
8970
+ justify-content: center;
8971
+ align-items: center;
8972
+ font-weight: 700;
8973
+ font-size: 0.7502679528rem;
8974
+ height: 2.1436227224rem;
8975
+ width: 4.2872454448rem;
8976
+ background-color: rgb(45, 45, 45);
8977
+ color: rgb(237, 240, 242);
8978
+ }
8979
+ @media screen and (min-width: 1024px) {
8980
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8981
+ width: 4.2872454448rem;
8982
+ flex-direction: column;
8983
+ height: 6.6452304394rem;
8984
+ gap: 0.2143622722rem;
8985
+ }
8986
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
8987
+ cursor: pointer;
8988
+ border: none;
8989
+ background-color: rgb(45, 45, 45);
8990
+ width: 80px;
8991
+ height: 80px;
8992
+ background-position: center center;
8993
+ background-repeat: no-repeat;
8994
+ background-size: 48px 48px;
8995
+ 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");
8996
+ }
8997
+ .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 {
8998
+ background-color: rgb(235, 245, 253);
8999
+ 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");
9000
+ }
9001
+ }
9002
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control {
9003
+ display: none;
9004
+ }
9005
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control {
9006
+ display: none;
9007
+ }
9008
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel {
9009
+ display: none;
9010
+ }
9011
+ .ilo--video .vjs-control-bar {
9012
+ order: 1;
9013
+ opacity: 0;
9014
+ transition: opacity 150ms ease-out;
9015
+ position: absolute;
9016
+ display: flex;
9017
+ width: 100%;
9018
+ height: 2.1436227224rem;
9019
+ bottom: 0;
9020
+ }
9021
+ .ilo--video .vjs-control-bar .vjs-duration {
9022
+ display: none;
9023
+ }
9024
+ .ilo--video .vjs-control-bar .vjs-poster {
9025
+ display: none;
9026
+ }
9027
+ .ilo--video .vjs-control-bar .vjs-play-control {
9028
+ cursor: pointer;
9029
+ border: none;
9030
+ background-color: rgb(45, 45, 45);
9031
+ width: 40px;
9032
+ height: 40px;
9033
+ background-position: center center;
9034
+ background-repeat: no-repeat;
9035
+ background-size: 24px 24px;
9036
+ 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");
9037
+ margin-right: 0.1071811361rem;
9038
+ }
9039
+ .ilo--video .vjs-control-bar .vjs-play-control:hover, .ilo--video .vjs-control-bar .vjs-play-control:focus {
9040
+ background-color: rgb(235, 245, 253);
9041
+ 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");
9042
+ }
9043
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-paused, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended {
9044
+ cursor: pointer;
9045
+ border: none;
9046
+ background-color: rgb(45, 45, 45);
9047
+ width: 40px;
9048
+ height: 40px;
9049
+ background-position: center center;
9050
+ background-repeat: no-repeat;
9051
+ background-size: 24px 24px;
9052
+ 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");
9053
+ }
9054
+ .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 {
9055
+ background-color: rgb(235, 245, 253);
9056
+ 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");
9057
+ }
9058
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing {
9059
+ cursor: pointer;
9060
+ border: none;
9061
+ background-color: rgb(45, 45, 45);
9062
+ width: 40px;
9063
+ height: 40px;
9064
+ background-position: center center;
9065
+ background-repeat: no-repeat;
9066
+ background-size: 24px 24px;
9067
+ 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");
9068
+ }
9069
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus {
9070
+ background-color: rgb(235, 245, 253);
9071
+ 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");
9072
+ }
9073
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control {
9074
+ order: 5;
9075
+ cursor: pointer;
9076
+ border: none;
9077
+ background-color: rgb(45, 45, 45);
9078
+ width: 40px;
9079
+ height: 40px;
9080
+ background-position: center center;
9081
+ background-repeat: no-repeat;
9082
+ background-size: 24px 24px;
9083
+ 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");
9084
+ }
9085
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover, .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
9086
+ background-color: rgb(235, 245, 253);
9087
+ 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");
9088
+ }
9089
+ .ilo--video .vjs-control-bar .vjs-progress-control {
9090
+ order: 2;
9091
+ margin-right: 0.1071811361rem;
9092
+ background-color: rgb(45, 45, 45);
9093
+ flex-grow: 1;
9094
+ }
9095
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
9096
+ display: none;
9097
+ }
9098
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
9099
+ position: relative;
9100
+ width: 96%;
9101
+ }
9102
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,
9103
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9104
+ height: 0.4287245445rem;
9105
+ left: 2%;
9106
+ top: 0.857449089rem;
9107
+ position: absolute;
9108
+ z-index: 10;
9109
+ }
9110
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9111
+ background-color: rgb(235, 245, 253);
9112
+ z-index: 15;
9113
+ }
9114
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
9115
+ display: none;
9116
+ }
9117
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
9118
+ background-color: rgb(184, 196, 204);
9119
+ z-index: 15;
9120
+ }
9121
+ .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress, .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
9122
+ position: relative;
9123
+ }
9124
+ .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 {
9125
+ color: rgb(237, 240, 242);
9126
+ font-size: 0.7502679528rem;
9127
+ height: 1.7148981779rem;
9128
+ align-items: center;
9129
+ background-color: rgb(45, 45, 45);
9130
+ display: flex;
9131
+ justify-content: center;
9132
+ right: 0;
9133
+ position: absolute;
9134
+ bottom: calc(300% + 12px);
9135
+ width: 70px;
9136
+ font-size: 11.94px;
9137
+ letter-spacing: -0.02em;
9138
+ line-height: 16.24px;
9139
+ }
9140
+ .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 {
9141
+ background-position: top left;
9142
+ background-repeat: no-repeat;
9143
+ background-size: contain;
9144
+ 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");
9145
+ content: "";
9146
+ height: 0.6430868167rem;
9147
+ position: absolute;
9148
+ left: calc(50% - 6px);
9149
+ bottom: -0.6430868167rem;
9150
+ width: 0.6430868167rem;
9151
+ }
9152
+ .ilo--video .vjs-control-bar .vjs-volume-panel {
9153
+ order: 3;
9154
+ border-bottom: 1px solid;
9155
+ bottom: 0;
9156
+ flex-direction: column;
9157
+ margin-right: 0.1071811361rem;
9158
+ position: relative;
9159
+ width: 40px;
9160
+ }
9161
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
9162
+ cursor: pointer;
9163
+ border: none;
9164
+ background-color: rgb(45, 45, 45);
9165
+ width: 40px;
9166
+ height: 40px;
9167
+ background-position: center center;
9168
+ background-repeat: no-repeat;
9169
+ background-size: 24px 24px;
9170
+ 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");
9171
+ height: 2.1436227224rem;
9172
+ }
9173
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover, .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus {
9174
+ background-color: rgb(235, 245, 253);
9175
+ 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");
9176
+ }
9177
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute] {
9178
+ cursor: pointer;
9179
+ border: none;
9180
+ background-color: rgb(45, 45, 45);
9181
+ width: 40px;
9182
+ height: 40px;
9183
+ background-position: center center;
9184
+ background-repeat: no-repeat;
9185
+ background-size: 24px 24px;
9186
+ 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");
9187
+ }
9188
+ .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 {
9189
+ background-color: rgb(235, 245, 253);
9190
+ 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");
9191
+ }
9192
+ .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
9193
+ align-items: center;
9194
+ cursor: pointer;
9195
+ display: flex;
9196
+ justify-content: center;
9197
+ }
9198
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
9199
+ background: rgb(235, 245, 253);
9200
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
9201
+ display: none;
9202
+ height: 2.1436227224rem;
9203
+ position: absolute;
9204
+ transform: rotate(270deg);
9205
+ transform-origin: -4px -4px;
9206
+ top: 0.4823151125rem;
9207
+ width: 7.3954983923rem;
9208
+ }
9209
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
9210
+ height: 0.2143622722rem;
9211
+ position: relative;
9212
+ width: calc(100% - 26px);
9213
+ }
9214
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
9215
+ display: none;
9216
+ }
9217
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display {
9218
+ height: 0.2143622722rem;
9219
+ position: absolute;
9220
+ width: 100%;
9221
+ background-color: rgb(184, 196, 204);
9222
+ }
9223
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level {
9224
+ height: 0.2143622722rem;
9225
+ left: 0;
9226
+ top: 0;
9227
+ position: absolute;
9228
+ background-color: rgb(30, 45, 190);
9229
+ }
9230
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before {
9231
+ content: "";
9232
+ background: rgb(30, 45, 190);
9233
+ border-radius: 50%;
9234
+ height: 0.857449089rem;
9235
+ width: 0.857449089rem;
9236
+ position: absolute;
9237
+ right: -0.857449089rem;
9238
+ top: 50%;
9239
+ transform: translate(-50%, -50%);
9240
+ }
9241
+
9242
+ [dir=rtl] .ilo--video--caption {
9243
+ border-left: none;
9244
+ border-right: 3px solid #b8c4cc;
9245
+ padding-left: 0;
9246
+ padding-right: 0.4287245445rem;
9247
+ }
9248
+
9249
+ /**
9250
+ * Do not edit directly
9251
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8887
9252
  */
8888
9253
  /**
8889
9254
  * TOKENS:
@@ -8893,7 +9258,7 @@ input:checked + .ilo--input--toggle--slider:before {
8893
9258
  */
8894
9259
  /**
8895
9260
  * Do not edit directly
8896
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
9261
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8897
9262
  */
8898
9263
  /**
8899
9264
  * TOKENS:
@@ -8918,7 +9283,7 @@ input:checked + .ilo--input--toggle--slider:before {
8918
9283
  }
8919
9284
  /**
8920
9285
  * Do not edit directly
8921
- * Generated on Wed, 10 Jan 2024 09:35:23 GMT
9286
+ * Generated on Mon, 26 Feb 2024 15:47:23 GMT
8922
9287
  */
8923
9288
  /**
8924
9289
  * TOKENS: