@ilo-org/styles 0.13.2 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/build/css/components/index.css +1181 -794
  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 +1181 -794
  6. package/build/css/index.css.map +1 -1
  7. package/build/css/monorepo.css +1181 -794
  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/icon.css +1 -0
  18. package/css/components/list.css +1 -1
  19. package/css/components/navigation.css +1 -1
  20. package/css/components/pagination.css +1 -1
  21. package/css/components/richtext.css +1 -1
  22. package/css/components/searchfield.css +1 -1
  23. package/css/components/tag.css +1 -1
  24. package/css/components/video-legacy.css +1 -0
  25. package/css/components/video.css +1 -1
  26. package/css/global.css.map +1 -1
  27. package/css/index.css +8 -8
  28. package/css/index.css.map +1 -1
  29. package/css/monorepo.css +8 -8
  30. package/css/monorepo.css.map +1 -1
  31. package/package.json +2 -2
  32. package/scss/_mixins.scss +27 -1
  33. package/scss/components/_accordion.scss +7 -5
  34. package/scss/components/_breadcrumb.scss +5 -1
  35. package/scss/components/_card.scss +2 -2
  36. package/scss/components/_cardgroup.scss +1 -1
  37. package/scss/components/_datacard.scss +1 -1
  38. package/scss/components/_detailcard.scss +1 -1
  39. package/scss/components/_factlistcard.scss +1 -1
  40. package/scss/components/_featurecard.scss +3 -11
  41. package/scss/components/_hero.scss +206 -214
  42. package/scss/components/_icon.scss +6 -0
  43. package/scss/components/_list.scss +0 -2
  44. package/scss/components/_multilinkcard.scss +2 -2
  45. package/scss/components/_navigation.scss +11 -9
  46. package/scss/components/_pagination.scss +1 -3
  47. package/scss/components/_profile.scss +1 -1
  48. package/scss/components/_promocard.scss +1 -1
  49. package/scss/components/_richtext.scss +14 -40
  50. package/scss/components/_searchfield.scss +36 -4
  51. package/scss/components/_tag.scss +1 -1
  52. package/scss/components/_video-legacy.scss +795 -0
  53. package/scss/components/_video.scss +191 -636
  54. package/scss/components/index.scss +2 -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 Fri, 19 Jan 2024 14:42:43 GMT
4
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
14
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
115
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
140
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
395
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
405
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
430
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
711
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
840
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
850
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
875
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
893
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1105
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1274
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1371
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1523
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1649
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1773
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1893
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
1970
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2039
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2088
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2165
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2246
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2256
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2266
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2276
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2402
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2423
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2513
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2523
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2533
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2586
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2674
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2770
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2812
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2939
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2949
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
2974
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
3331
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
3454
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
3754
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
3887
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
3943
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4075
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4085
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4110
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4273
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4366
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4376
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4386
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4557
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4604
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4614
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4624
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
4721
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 {
@@ -5445,7 +5439,7 @@
5445
5439
  cursor: pointer;
5446
5440
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
5447
5441
  font-weight: 500;
5448
- padding: 0.857449089rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5442
+ padding: 1.0718113612rem 0.857449089rem 0.857449089rem 1.7148981779rem;
5449
5443
  position: relative;
5450
5444
  transition: all 150ms ease-out;
5451
5445
  }
@@ -5464,7 +5458,7 @@
5464
5458
  width: 24px;
5465
5459
  }
5466
5460
  [dir=rtl] .ilo--mobile--subnav--back {
5467
- padding: 16px 32px 16px 16px;
5461
+ padding: 1.0718113612rem 1.7148981779rem 0.857449089rem 0.857449089rem;
5468
5462
  }
5469
5463
  [dir=rtl] .ilo--mobile--subnav--back::before {
5470
5464
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='rgb(35, 0, 80)' d='M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z'/%3e%3c/svg%3e");
@@ -5608,7 +5602,7 @@
5608
5602
 
5609
5603
  /**
5610
5604
  * Do not edit directly
5611
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
5605
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5615
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5625
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5808
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5947
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5957
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
5982
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
6132
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
6201
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
6211
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
6236
+ * Generated on Fri, 01 Mar 2024 17:08:43 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 Fri, 19 Jan 2024 14:42:43 GMT
6292
+ * Generated on Fri, 01 Mar 2024 17:08:43 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);
@@ -6446,47 +6438,40 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6446
6438
  .ilo--richtext h2,
6447
6439
  .ilo--richtext h3,
6448
6440
  .ilo--richtext h4,
6449
- .ilo--richtext h5,
6450
- .ilo--richtext h6 {
6441
+ .ilo--richtext h5 {
6451
6442
  font-family: Overpass, Noto Sans, Noto Sans CJK JP, TakaoPGothic, PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;
6452
6443
  font-weight: 700;
6453
6444
  margin-top: 3.0010718114rem;
6454
6445
  }
6455
6446
  .ilo--richtext h1 {
6456
6447
  margin-bottom: 0.6830690456rem;
6457
- font-size: 45.56px;
6448
+ font-size: 44px;
6458
6449
  letter-spacing: -0.035em;
6459
- line-height: 52.39px;
6450
+ line-height: 50.6px;
6460
6451
  }
6461
6452
  .ilo--richtext h2 {
6462
6453
  margin-bottom: 0.8565309039rem;
6463
- font-size: 36.45px;
6454
+ font-size: 36px;
6464
6455
  letter-spacing: -0.035em;
6465
- line-height: 43.74px;
6456
+ line-height: 43.2px;
6466
6457
  }
6467
6458
  .ilo--richtext h3 {
6468
6459
  margin-bottom: 0.5741425509rem;
6469
- font-size: 29.16px;
6460
+ font-size: 28px;
6470
6461
  letter-spacing: -0.035em;
6471
- line-height: 36.45px;
6462
+ line-height: 35px;
6472
6463
  }
6473
6464
  .ilo--richtext h4 {
6474
6465
  margin-bottom: 0.7188906752rem;
6475
- font-size: 23.32px;
6466
+ font-size: 24px;
6476
6467
  letter-spacing: -0.035em;
6477
- line-height: 29.15px;
6468
+ line-height: 30px;
6478
6469
  }
6479
6470
  .ilo--richtext h5 {
6480
6471
  margin-bottom: 0.8175044291rem;
6481
- font-size: 18.66px;
6482
- letter-spacing: -0.035em;
6483
- line-height: 24.26px;
6484
- }
6485
- .ilo--richtext h6 {
6486
- margin-bottom: 0.8175044291rem;
6487
- font-size: 18.66px;
6488
- letter-spacing: -0.035em;
6489
- line-height: 24.26px;
6472
+ font-size: 18px;
6473
+ letter-spacing: -0.02em;
6474
+ line-height: 23.4px;
6490
6475
  }
6491
6476
  .ilo--richtext ul,
6492
6477
  .ilo--richtext ol {
@@ -6522,7 +6507,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6522
6507
  margin: 1.2861736334rem 0 2.1436227224rem 0;
6523
6508
  padding: 4.0728831726rem 0 1.9292604502rem 1.7148981779rem;
6524
6509
  position: relative;
6525
- width: 100%;
6510
+ width: fit-content;
6526
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");
6527
6512
  }
6528
6513
  .ilo--richtext blockquote p {
@@ -6575,45 +6560,38 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6575
6560
  .ilo--richtext h2,
6576
6561
  .ilo--richtext h3,
6577
6562
  .ilo--richtext h4,
6578
- .ilo--richtext h5,
6579
- .ilo--richtext h6 {
6563
+ .ilo--richtext h5 {
6580
6564
  margin-top: 3.4297963558rem;
6581
6565
  }
6582
6566
  .ilo--richtext h1 {
6583
6567
  margin-bottom: 0.8520418857rem;
6584
- font-size: 56.95px;
6568
+ font-size: 36px;
6585
6569
  letter-spacing: -0.035em;
6586
- line-height: 65.49px;
6570
+ line-height: 43.2px;
6587
6571
  }
6588
6572
  .ilo--richtext h2 {
6589
6573
  margin-bottom: 1.1117935901rem;
6590
- font-size: 45.56px;
6574
+ font-size: 28px;
6591
6575
  letter-spacing: -0.035em;
6592
- line-height: 52.39px;
6576
+ line-height: 35px;
6593
6577
  }
6594
6578
  .ilo--richtext h3 {
6595
6579
  margin-bottom: 0.8565309039rem;
6596
- font-size: 36.45px;
6580
+ font-size: 24px;
6597
6581
  letter-spacing: -0.035em;
6598
- line-height: 43.74px;
6582
+ line-height: 30px;
6599
6583
  }
6600
6584
  .ilo--richtext h4 {
6601
6585
  margin-bottom: 1.0028670954rem;
6602
- font-size: 29.16px;
6603
- letter-spacing: -0.035em;
6604
- line-height: 36.45px;
6586
+ font-size: 18px;
6587
+ letter-spacing: -0.02em;
6588
+ line-height: 23.4px;
6605
6589
  }
6606
6590
  .ilo--richtext h5 {
6607
6591
  margin-bottom: 1.1476152197rem;
6608
- font-size: 23.32px;
6609
- letter-spacing: -0.035em;
6610
- line-height: 29.15px;
6611
- }
6612
- .ilo--richtext h6 {
6613
- margin-bottom: 1.1476152197rem;
6614
- font-size: 23.32px;
6615
- letter-spacing: -0.035em;
6616
- line-height: 29.15px;
6592
+ font-size: 16px;
6593
+ letter-spacing: -0.02em;
6594
+ line-height: 21.6px;
6617
6595
  }
6618
6596
  .ilo--richtext p {
6619
6597
  margin-bottom: 0.9381095829rem;
@@ -6708,7 +6686,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6708
6686
 
6709
6687
  /**
6710
6688
  * Do not edit directly
6711
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
6689
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
6712
6690
  */
6713
6691
  /**
6714
6692
  * TOKENS:
@@ -6720,8 +6698,12 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6720
6698
  display: flex;
6721
6699
  }
6722
6700
  .ilo--searchfield .ilo--fieldset {
6701
+ position: relative;
6723
6702
  width: 100%;
6724
6703
  }
6704
+ .ilo--searchfield .ilo--input {
6705
+ padding-inline-end: 3.0010718114rem;
6706
+ }
6725
6707
  .ilo--searchfield--button {
6726
6708
  background-color: rgb(237, 240, 242);
6727
6709
  background-position: center center;
@@ -6752,14 +6734,33 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6752
6734
  opacity: 0.45;
6753
6735
  pointer-events: none;
6754
6736
  }
6737
+ .ilo--searchfield--clear-button {
6738
+ display: none;
6739
+ align-items: center;
6740
+ cursor: pointer;
6741
+ }
6742
+ .ilo--searchfield--clear-button.show {
6743
+ display: inline;
6744
+ position: absolute;
6745
+ top: 12px;
6746
+ right: 2%;
6747
+ }
6748
+ .ilo--searchfield [type=search]::-webkit-search-cancel-button {
6749
+ -webkit-appearance: none;
6750
+ -moz-appearance: none;
6751
+ appearance: none;
6752
+ }
6755
6753
  [dir=rtl] .ilo--searchfield .ilo--searchfield--button {
6756
6754
  border-left: 0.1071811361rem solid rgb(184, 196, 204);
6757
- border-right: 0 solid rgb(184, 196, 204);
6755
+ border-right: 0;
6756
+ }
6757
+ [dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show {
6758
+ right: 95%;
6758
6759
  }
6759
6760
 
6760
6761
  /**
6761
6762
  * Do not edit directly
6762
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
6763
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
6763
6764
  */
6764
6765
  /**
6765
6766
  * TOKENS:
@@ -6915,7 +6916,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
6915
6916
 
6916
6917
  /**
6917
6918
  * Do not edit directly
6918
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
6919
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
6919
6920
  */
6920
6921
  /**
6921
6922
  * TOKENS:
@@ -7246,7 +7247,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7246
7247
 
7247
7248
  /**
7248
7249
  * Do not edit directly
7249
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7250
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7250
7251
  */
7251
7252
  /**
7252
7253
  * TOKENS:
@@ -7427,7 +7428,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7427
7428
 
7428
7429
  /**
7429
7430
  * Do not edit directly
7430
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7431
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7431
7432
  */
7432
7433
  /**
7433
7434
  * TOKENS:
@@ -7482,7 +7483,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7482
7483
 
7483
7484
  /**
7484
7485
  * Do not edit directly
7485
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7486
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7486
7487
  */
7487
7488
  /**
7488
7489
  * TOKENS:
@@ -7608,6 +7609,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7608
7609
  font-size: 14.93px;
7609
7610
  letter-spacing: -0.02em;
7610
7611
  line-height: 20.16px;
7612
+ padding: 0.3483386924rem 0.5627009646rem;
7611
7613
  cursor: pointer;
7612
7614
  display: none;
7613
7615
  opacity: 0;
@@ -7657,7 +7659,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7657
7659
 
7658
7660
  /**
7659
7661
  * Do not edit directly
7660
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7662
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7661
7663
  */
7662
7664
  /**
7663
7665
  * TOKENS:
@@ -7709,7 +7711,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7709
7711
 
7710
7712
  /**
7711
7713
  * Do not edit directly
7712
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7714
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7713
7715
  */
7714
7716
  /**
7715
7717
  * TOKENS:
@@ -7719,7 +7721,7 @@ input:invalid + .ilo--radio--control:after, .ilo--radio__error .ilo--radio--cont
7719
7721
  */
7720
7722
  /**
7721
7723
  * Do not edit directly
7722
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7724
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7723
7725
  */
7724
7726
  /**
7725
7727
  * TOKENS:
@@ -7821,7 +7823,7 @@ input:checked + .ilo--input--toggle--slider:before {
7821
7823
 
7822
7824
  /**
7823
7825
  * Do not edit directly
7824
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7826
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7825
7827
  */
7826
7828
  /**
7827
7829
  * TOKENS:
@@ -7923,7 +7925,7 @@ input:checked + .ilo--input--toggle--slider:before {
7923
7925
 
7924
7926
  /**
7925
7927
  * Do not edit directly
7926
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
7928
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
7927
7929
  */
7928
7930
  /**
7929
7931
  * TOKENS:
@@ -7931,19 +7933,19 @@ input:checked + .ilo--input--toggle--slider:before {
7931
7933
  /**
7932
7934
  * MAPS:
7933
7935
  */
7934
- .ilo--video {
7936
+ .ilo--legacyvideo {
7935
7937
  position: relative;
7936
7938
  width: 100%;
7937
7939
  }
7938
- .ilo--video--wrapper {
7940
+ .ilo--legacyvideo--wrapper {
7939
7941
  line-height: 0;
7940
7942
  position: relative;
7941
7943
  width: 100%;
7942
7944
  }
7943
- .ilo--video--img {
7945
+ .ilo--legacyvideo--img {
7944
7946
  line-height: 0;
7945
7947
  }
7946
- .ilo--video--caption {
7948
+ .ilo--legacyvideo--caption {
7947
7949
  border-left: 0.1607717042rem solid rgb(184, 196, 204);
7948
7950
  color: rgb(109, 109, 109);
7949
7951
  font-weight: 400;
@@ -7953,42 +7955,42 @@ input:checked + .ilo--input--toggle--slider:before {
7953
7955
  letter-spacing: -0.02em;
7954
7956
  line-height: 20.16px;
7955
7957
  }
7956
- .ilo--video:focus,
7957
- .ilo--video .vjs-tech:focus {
7958
+ .ilo--legacyvideo:focus,
7959
+ .ilo--legacyvideo .vjs-tech:focus {
7958
7960
  outline: none;
7959
7961
  }
7960
- .ilo--video--element,
7961
- .ilo--video .vjs-tech {
7962
+ .ilo--legacyvideo--element,
7963
+ .ilo--legacyvideo .vjs-tech {
7962
7964
  height: auto;
7963
7965
  object-fit: cover;
7964
7966
  width: 100%;
7965
7967
  }
7966
- .ilo--video--element:focus,
7967
- .ilo--video .vjs-tech:focus {
7968
+ .ilo--legacyvideo--element:focus,
7969
+ .ilo--legacyvideo .vjs-tech:focus {
7968
7970
  outline: none;
7969
7971
  }
7970
- .ilo--video--player {
7972
+ .ilo--legacyvideo--player {
7971
7973
  position: relative;
7972
7974
  }
7973
- .ilo--video--player:focus {
7975
+ .ilo--legacyvideo--player:focus {
7974
7976
  outline: none;
7975
7977
  }
7976
- .ilo--video--player.youtube {
7978
+ .ilo--legacyvideo--player.youtube {
7977
7979
  height: auto;
7978
7980
  max-width: 100%;
7979
7981
  overflow: hidden;
7980
7982
  padding-bottom: 56.25%;
7981
7983
  position: relative;
7982
7984
  }
7983
- .ilo--video--player iframe {
7985
+ .ilo--legacyvideo--player iframe {
7984
7986
  height: 100%;
7985
7987
  left: 0;
7986
7988
  position: absolute;
7987
7989
  top: 0;
7988
7990
  width: 100%;
7989
7991
  }
7990
- .ilo--video--poster,
7991
- .ilo--video .vjs-poster {
7992
+ .ilo--legacyvideo--poster,
7993
+ .ilo--legacyvideo .vjs-poster {
7992
7994
  display: none;
7993
7995
  object-fit: cover;
7994
7996
  height: 100%;
@@ -8000,13 +8002,13 @@ input:checked + .ilo--input--toggle--slider:before {
8000
8002
  top: 0;
8001
8003
  width: 100%;
8002
8004
  }
8003
- .ilo--video--poster.show,
8004
- .ilo--video .vjs-poster.show {
8005
+ .ilo--legacyvideo--poster.show,
8006
+ .ilo--legacyvideo .vjs-poster.show {
8005
8007
  display: block;
8006
8008
  }
8007
- .ilo--video--poster img, .ilo--video--poster source,
8008
- .ilo--video .vjs-poster img,
8009
- .ilo--video .vjs-poster source {
8009
+ .ilo--legacyvideo--poster img, .ilo--legacyvideo--poster source,
8010
+ .ilo--legacyvideo .vjs-poster img,
8011
+ .ilo--legacyvideo .vjs-poster source {
8010
8012
  height: auto;
8011
8013
  left: 50%;
8012
8014
  position: absolute;
@@ -8014,8 +8016,8 @@ input:checked + .ilo--input--toggle--slider:before {
8014
8016
  transform: translate(-50%, -50%);
8015
8017
  width: 100%;
8016
8018
  }
8017
- .ilo--video--controls,
8018
- .ilo--video .vjs-control-bar {
8019
+ .ilo--legacyvideo--controls,
8020
+ .ilo--legacyvideo .vjs-control-bar {
8019
8021
  bottom: 0;
8020
8022
  color: rgb(255, 255, 255);
8021
8023
  display: flex;
@@ -8027,26 +8029,26 @@ input:checked + .ilo--input--toggle--slider:before {
8027
8029
  transition: opacity 150ms ease-out;
8028
8030
  width: 100%;
8029
8031
  }
8030
- .ilo--video--controls.notplayed,
8031
- .ilo--video .vjs-control-bar.notplayed {
8032
+ .ilo--legacyvideo--controls.notplayed,
8033
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8032
8034
  bottom: auto;
8033
8035
  opacity: 1;
8034
8036
  top: 0;
8035
8037
  }
8036
8038
  @media screen and (min-width: 1024px) {
8037
- .ilo--video--controls.notplayed,
8038
- .ilo--video .vjs-control-bar.notplayed {
8039
+ .ilo--legacyvideo--controls.notplayed,
8040
+ .ilo--legacyvideo .vjs-control-bar.notplayed {
8039
8041
  flex-direction: column;
8040
8042
  height: 122px;
8041
8043
  width: 0.2143622722rem;
8042
8044
  }
8043
8045
  }
8044
- [dir=rtl] .ilo--video--controls,
8045
- [dir=rtl] .ilo--video .vjs-control-bar {
8046
+ [dir=rtl] .ilo--legacyvideo--controls,
8047
+ [dir=rtl] .ilo--legacyvideo .vjs-control-bar {
8046
8048
  justify-content: flex-end;
8047
8049
  }
8048
- .ilo--video--controls button span,
8049
- .ilo--video .vjs-control-bar button span {
8050
+ .ilo--legacyvideo--controls button span,
8051
+ .ilo--legacyvideo .vjs-control-bar button span {
8050
8052
  width: 1px;
8051
8053
  height: 1px;
8052
8054
  margin: -1px;
@@ -8056,13 +8058,13 @@ input:checked + .ilo--input--toggle--slider:before {
8056
8058
  clip: rect(0 0 0 0);
8057
8059
  overflow: hidden;
8058
8060
  }
8059
- .ilo--video--controls--play, .ilo--video--controls--pause,
8060
- .ilo--video--controls .vjs-play-control,
8061
- .ilo--video--controls .vjs-big-play-button,
8062
- .ilo--video .vjs-control-bar--play,
8063
- .ilo--video .vjs-control-bar--pause,
8064
- .ilo--video .vjs-control-bar .vjs-play-control,
8065
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8061
+ .ilo--legacyvideo--controls--play, .ilo--legacyvideo--controls--pause,
8062
+ .ilo--legacyvideo--controls .vjs-play-control,
8063
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8064
+ .ilo--legacyvideo .vjs-control-bar--play,
8065
+ .ilo--legacyvideo .vjs-control-bar--pause,
8066
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control,
8067
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8066
8068
  background-color: rgb(45, 45, 45);
8067
8069
  border: none;
8068
8070
  cursor: pointer;
@@ -8073,163 +8075,163 @@ input:checked + .ilo--input--toggle--slider:before {
8073
8075
  -moz-appearance: none;
8074
8076
  }
8075
8077
  @media screen and (min-width: 1024px) {
8076
- .ilo--video--controls.notplayed .vjs-play-control,
8077
- .ilo--video--controls.notplayed .vjs-big-play-button,
8078
- .ilo--video .vjs-control-bar.notplayed .vjs-play-control,
8079
- .ilo--video .vjs-control-bar.notplayed .vjs-big-play-button {
8078
+ .ilo--legacyvideo--controls.notplayed .vjs-play-control,
8079
+ .ilo--legacyvideo--controls.notplayed .vjs-big-play-button,
8080
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-play-control,
8081
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-big-play-button {
8080
8082
  order: 1;
8081
8083
  height: 2.5723472669rem;
8082
8084
  width: 2.5723472669rem;
8083
8085
  }
8084
- .ilo--video--controls.notplayed .ilo--video--controls--play,
8085
- .ilo--video--controls.notplayed .ilo--video--controls--pause,
8086
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--play,
8087
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--pause {
8086
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--play,
8087
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--pause,
8088
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--play,
8089
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--pause {
8088
8090
  order: 1;
8089
8091
  height: 4.2872454448rem;
8090
8092
  width: 4.2872454448rem;
8091
8093
  }
8092
8094
  }
8093
- .ilo--video--controls--play,
8094
- .ilo--video--controls .vjs-play-control:not(.vjs-playing),
8095
- .ilo--video--controls .vjs-big-play-button,
8096
- .ilo--video .vjs-control-bar--play,
8097
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8098
- .ilo--video .vjs-control-bar .vjs-big-play-button {
8095
+ .ilo--legacyvideo--controls--play,
8096
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing),
8097
+ .ilo--legacyvideo--controls .vjs-big-play-button,
8098
+ .ilo--legacyvideo .vjs-control-bar--play,
8099
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing),
8100
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button {
8099
8101
  background-position: center center;
8100
8102
  background-repeat: no-repeat;
8101
8103
  background-size: 2.5723472669rem 2.5723472669rem;
8102
8104
  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");
8103
8105
  }
8104
- .ilo--video--controls--play.ilo--video--controls--play--hovered, .ilo--video--controls--play:hover, .ilo--video--controls--play:focus,
8105
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8106
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,
8107
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus,
8108
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered,
8109
- .ilo--video--controls .vjs-big-play-button:hover,
8110
- .ilo--video--controls .vjs-big-play-button:focus,
8111
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered,
8112
- .ilo--video .vjs-control-bar--play:hover,
8113
- .ilo--video .vjs-control-bar--play:focus,
8114
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered,
8115
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8116
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8117
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered,
8118
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover,
8119
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus {
8106
+ .ilo--legacyvideo--controls--play.ilo--legacyvideo--controls--play--hovered, .ilo--legacyvideo--controls--play:hover, .ilo--legacyvideo--controls--play:focus,
8107
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8108
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover,
8109
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus,
8110
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8111
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover,
8112
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus,
8113
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered,
8114
+ .ilo--legacyvideo .vjs-control-bar--play:hover,
8115
+ .ilo--legacyvideo .vjs-control-bar--play:focus,
8116
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered,
8117
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover,
8118
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,
8119
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered,
8120
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover,
8121
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus {
8120
8122
  background-color: rgb(235, 245, 253);
8121
8123
  background-position: center center;
8122
8124
  background-repeat: no-repeat;
8123
8125
  background-size: 2.5723472669rem 2.5723472669rem;
8124
8126
  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");
8125
8127
  }
8126
- .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,
8127
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8128
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8129
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8130
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8131
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8132
- .ilo--video--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8133
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8134
- .ilo--video--controls .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8135
- .ilo--video--controls .vjs-big-play-button:hover ~ .vjs-duration,
8136
- .ilo--video--controls .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8137
- .ilo--video--controls .vjs-big-play-button:focus ~ .vjs-duration,
8138
- .ilo--video--controls .vjs-big-play-button:focus ~ .ilo--video--controls--duration,
8139
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .vjs-duration,
8140
- .ilo--video .vjs-control-bar--play.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8141
- .ilo--video .vjs-control-bar--play:hover ~ .vjs-duration,
8142
- .ilo--video .vjs-control-bar--play:hover ~ .ilo--video--controls--duration,
8143
- .ilo--video .vjs-control-bar--play:focus ~ .vjs-duration,
8144
- .ilo--video .vjs-control-bar--play:focus ~ .ilo--video--controls--duration,
8145
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .vjs-duration,
8146
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8147
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8148
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--video--controls--duration,
8149
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8150
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--video--controls--duration,
8151
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .vjs-duration,
8152
- .ilo--video .vjs-control-bar .vjs-big-play-button.ilo--video--controls--play--hovered ~ .ilo--video--controls--duration,
8153
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8154
- .ilo--video .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--video--controls--duration,
8155
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8156
- .ilo--video .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--video--controls--duration {
8128
+ .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,
8129
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8130
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8131
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8132
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8133
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8134
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8135
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8136
+ .ilo--legacyvideo--controls .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8137
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .vjs-duration,
8138
+ .ilo--legacyvideo--controls .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8139
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .vjs-duration,
8140
+ .ilo--legacyvideo--controls .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration,
8141
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8142
+ .ilo--legacyvideo .vjs-control-bar--play.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8143
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .vjs-duration,
8144
+ .ilo--legacyvideo .vjs-control-bar--play:hover ~ .ilo--legacyvideo--controls--duration,
8145
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .vjs-duration,
8146
+ .ilo--legacyvideo .vjs-control-bar--play:focus ~ .ilo--legacyvideo--controls--duration,
8147
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8148
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8149
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .vjs-duration,
8150
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover ~ .ilo--legacyvideo--controls--duration,
8151
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .vjs-duration,
8152
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus ~ .ilo--legacyvideo--controls--duration,
8153
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .vjs-duration,
8154
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.ilo--legacyvideo--controls--play--hovered ~ .ilo--legacyvideo--controls--duration,
8155
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .vjs-duration,
8156
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:hover ~ .ilo--legacyvideo--controls--duration,
8157
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .vjs-duration,
8158
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button:focus ~ .ilo--legacyvideo--controls--duration {
8157
8159
  background-color: rgb(235, 245, 253);
8158
8160
  color: rgb(30, 45, 190);
8159
8161
  }
8160
- .ilo--video--controls--play.vjs-paused, .ilo--video--controls--play.vjs-ended,
8161
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8162
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8163
- .ilo--video--controls .vjs-big-play-button.vjs-paused,
8164
- .ilo--video--controls .vjs-big-play-button.vjs-ended,
8165
- .ilo--video .vjs-control-bar--play.vjs-paused,
8166
- .ilo--video .vjs-control-bar--play.vjs-ended,
8167
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8168
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8169
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,
8170
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended {
8162
+ .ilo--legacyvideo--controls--play.vjs-paused, .ilo--legacyvideo--controls--play.vjs-ended,
8163
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused,
8164
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended,
8165
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused,
8166
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended,
8167
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused,
8168
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended,
8169
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused,
8170
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended,
8171
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused,
8172
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended {
8171
8173
  background-position: center center;
8172
8174
  background-repeat: no-repeat;
8173
8175
  background-size: 1.2861736334rem 1.2861736334rem;
8174
8176
  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");
8175
8177
  }
8176
- .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,
8177
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8178
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8179
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8180
- .ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8181
- .ilo--video--controls .vjs-big-play-button.vjs-paused:hover,
8182
- .ilo--video--controls .vjs-big-play-button.vjs-paused:focus,
8183
- .ilo--video--controls .vjs-big-play-button.vjs-ended:hover,
8184
- .ilo--video--controls .vjs-big-play-button.vjs-ended:focus,
8185
- .ilo--video .vjs-control-bar--play.vjs-paused:hover,
8186
- .ilo--video .vjs-control-bar--play.vjs-paused:focus,
8187
- .ilo--video .vjs-control-bar--play.vjs-ended:hover,
8188
- .ilo--video .vjs-control-bar--play.vjs-ended:focus,
8189
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8190
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8191
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8192
- .ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8193
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8194
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8195
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8196
- .ilo--video .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8178
+ .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,
8179
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8180
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8181
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8182
+ .ilo--legacyvideo--controls .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8183
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:hover,
8184
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-paused:focus,
8185
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:hover,
8186
+ .ilo--legacyvideo--controls .vjs-big-play-button.vjs-ended:focus,
8187
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:hover,
8188
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-paused:focus,
8189
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:hover,
8190
+ .ilo--legacyvideo .vjs-control-bar--play.vjs-ended:focus,
8191
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:hover,
8192
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,
8193
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:hover,
8194
+ .ilo--legacyvideo .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-ended:focus,
8195
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,
8196
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,
8197
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:hover,
8198
+ .ilo--legacyvideo .vjs-control-bar .vjs-big-play-button.vjs-ended:focus {
8197
8199
  background-color: rgb(235, 245, 253);
8198
8200
  background-position: center center;
8199
8201
  background-repeat: no-repeat;
8200
8202
  background-size: 1.2861736334rem 1.2861736334rem;
8201
8203
  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");
8202
8204
  }
8203
- .ilo--video--controls:not(.notplayed) .ilo--video--controls--play,
8204
- .ilo--video .vjs-control-bar:not(.notplayed) .ilo--video--controls--play {
8205
+ .ilo--legacyvideo--controls:not(.notplayed) .ilo--legacyvideo--controls--play,
8206
+ .ilo--legacyvideo .vjs-control-bar:not(.notplayed) .ilo--legacyvideo--controls--play {
8205
8207
  background-size: 24px 24px;
8206
8208
  }
8207
- .ilo--video--controls--pause,
8208
- .ilo--video--controls .vjs-playing,
8209
- .ilo--video .vjs-control-bar--pause,
8210
- .ilo--video .vjs-control-bar .vjs-playing {
8209
+ .ilo--legacyvideo--controls--pause,
8210
+ .ilo--legacyvideo--controls .vjs-playing,
8211
+ .ilo--legacyvideo .vjs-control-bar--pause,
8212
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing {
8211
8213
  background-position: center center;
8212
8214
  background-repeat: no-repeat;
8213
8215
  background-size: 1.2861736334rem 1.2861736334rem;
8214
8216
  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");
8215
8217
  }
8216
- .ilo--video--controls--pause:hover, .ilo--video--controls--pause:focus,
8217
- .ilo--video--controls .vjs-playing:hover,
8218
- .ilo--video--controls .vjs-playing:focus,
8219
- .ilo--video .vjs-control-bar--pause:hover,
8220
- .ilo--video .vjs-control-bar--pause:focus,
8221
- .ilo--video .vjs-control-bar .vjs-playing:hover,
8222
- .ilo--video .vjs-control-bar .vjs-playing:focus {
8218
+ .ilo--legacyvideo--controls--pause:hover, .ilo--legacyvideo--controls--pause:focus,
8219
+ .ilo--legacyvideo--controls .vjs-playing:hover,
8220
+ .ilo--legacyvideo--controls .vjs-playing:focus,
8221
+ .ilo--legacyvideo .vjs-control-bar--pause:hover,
8222
+ .ilo--legacyvideo .vjs-control-bar--pause:focus,
8223
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:hover,
8224
+ .ilo--legacyvideo .vjs-control-bar .vjs-playing:focus {
8223
8225
  background-color: rgb(235, 245, 253);
8224
8226
  background-position: center center;
8225
8227
  background-repeat: no-repeat;
8226
8228
  background-size: 1.2861736334rem 1.2861736334rem;
8227
8229
  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");
8228
8230
  }
8229
- .ilo--video--controls--duration,
8230
- .ilo--video--controls .vjs-duration,
8231
- .ilo--video .vjs-control-bar--duration,
8232
- .ilo--video .vjs-control-bar .vjs-duration {
8231
+ .ilo--legacyvideo--controls--duration,
8232
+ .ilo--legacyvideo--controls .vjs-duration,
8233
+ .ilo--legacyvideo .vjs-control-bar--duration,
8234
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration {
8233
8235
  background-color: rgb(45, 45, 45);
8234
8236
  color: rgb(237, 240, 242);
8235
8237
  display: none;
@@ -8244,66 +8246,66 @@ input:checked + .ilo--input--toggle--slider:before {
8244
8246
  letter-spacing: -0.02em;
8245
8247
  line-height: 20.16px;
8246
8248
  }
8247
- .ilo--video--controls--duration.ilo--video--controls--duration--hovered, .ilo--video--controls--duration:hover, .ilo--video--controls--duration:focus,
8248
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered,
8249
- .ilo--video--controls .vjs-duration:hover,
8250
- .ilo--video--controls .vjs-duration:focus,
8251
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered,
8252
- .ilo--video .vjs-control-bar--duration:hover,
8253
- .ilo--video .vjs-control-bar--duration:focus,
8254
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered,
8255
- .ilo--video .vjs-control-bar .vjs-duration:hover,
8256
- .ilo--video .vjs-control-bar .vjs-duration:focus {
8249
+ .ilo--legacyvideo--controls--duration.ilo--legacyvideo--controls--duration--hovered, .ilo--legacyvideo--controls--duration:hover, .ilo--legacyvideo--controls--duration:focus,
8250
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8251
+ .ilo--legacyvideo--controls .vjs-duration:hover,
8252
+ .ilo--legacyvideo--controls .vjs-duration:focus,
8253
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered,
8254
+ .ilo--legacyvideo .vjs-control-bar--duration:hover,
8255
+ .ilo--legacyvideo .vjs-control-bar--duration:focus,
8256
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered,
8257
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover,
8258
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus {
8257
8259
  background-color: rgb(235, 245, 253);
8258
8260
  color: rgb(30, 45, 190);
8259
8261
  }
8260
- .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,
8261
- .ilo--video--controls .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8262
- .ilo--video--controls .vjs-duration:hover ~ .ilo--video--controls--play,
8263
- .ilo--video--controls .vjs-duration:focus ~ .ilo--video--controls--play,
8264
- .ilo--video .vjs-control-bar--duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8265
- .ilo--video .vjs-control-bar--duration:hover ~ .ilo--video--controls--play,
8266
- .ilo--video .vjs-control-bar--duration:focus ~ .ilo--video--controls--play,
8267
- .ilo--video .vjs-control-bar .vjs-duration.ilo--video--controls--duration--hovered ~ .ilo--video--controls--play,
8268
- .ilo--video .vjs-control-bar .vjs-duration:hover ~ .ilo--video--controls--play,
8269
- .ilo--video .vjs-control-bar .vjs-duration:focus ~ .ilo--video--controls--play {
8262
+ .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,
8263
+ .ilo--legacyvideo--controls .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8264
+ .ilo--legacyvideo--controls .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8265
+ .ilo--legacyvideo--controls .vjs-duration:focus ~ .ilo--legacyvideo--controls--play,
8266
+ .ilo--legacyvideo .vjs-control-bar--duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8267
+ .ilo--legacyvideo .vjs-control-bar--duration:hover ~ .ilo--legacyvideo--controls--play,
8268
+ .ilo--legacyvideo .vjs-control-bar--duration:focus ~ .ilo--legacyvideo--controls--play,
8269
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.ilo--legacyvideo--controls--duration--hovered ~ .ilo--legacyvideo--controls--play,
8270
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:hover ~ .ilo--legacyvideo--controls--play,
8271
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration:focus ~ .ilo--legacyvideo--controls--play {
8270
8272
  background-color: rgb(235, 245, 253);
8271
8273
  background-position: center center;
8272
8274
  background-repeat: no-repeat;
8273
8275
  background-size: 2.5723472669rem 2.5723472669rem;
8274
8276
  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");
8275
8277
  }
8276
- .ilo--video--controls--duration.show,
8277
- .ilo--video--controls .vjs-duration.show,
8278
- .ilo--video .vjs-control-bar--duration.show,
8279
- .ilo--video .vjs-control-bar .vjs-duration.show {
8278
+ .ilo--legacyvideo--controls--duration.show,
8279
+ .ilo--legacyvideo--controls .vjs-duration.show,
8280
+ .ilo--legacyvideo .vjs-control-bar--duration.show,
8281
+ .ilo--legacyvideo .vjs-control-bar .vjs-duration.show {
8280
8282
  display: block;
8281
8283
  }
8282
8284
  @media screen and (min-width: 1024px) {
8283
- .ilo--video--controls.notplayed .vjs-duration,
8284
- .ilo--video .vjs-control-bar.notplayed .vjs-duration {
8285
+ .ilo--legacyvideo--controls.notplayed .vjs-duration,
8286
+ .ilo--legacyvideo .vjs-control-bar.notplayed .vjs-duration {
8285
8287
  height: 2.1436227224rem;
8286
8288
  margin-left: 0;
8287
8289
  margin-top: 2px;
8288
8290
  width: 2.5723472669rem;
8289
8291
  }
8290
- .ilo--video--controls.notplayed .ilo--video--controls--duration,
8291
- .ilo--video .vjs-control-bar.notplayed .ilo--video--controls--duration {
8292
+ .ilo--legacyvideo--controls.notplayed .ilo--legacyvideo--controls--duration,
8293
+ .ilo--legacyvideo .vjs-control-bar.notplayed .ilo--legacyvideo--controls--duration {
8292
8294
  height: 2.1436227224rem;
8293
8295
  margin-left: 0;
8294
8296
  margin-top: 2px;
8295
8297
  width: 4.2872454448rem;
8296
8298
  }
8297
8299
  }
8298
- .ilo--video--controls .vjs-progress-holder,
8299
- .ilo--video .vjs-control-bar .vjs-progress-holder {
8300
+ .ilo--legacyvideo--controls .vjs-progress-holder,
8301
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-holder {
8300
8302
  position: relative;
8301
8303
  width: 96%;
8302
8304
  }
8303
- .ilo--video--controls--progress,
8304
- .ilo--video--controls .vjs-progress-control,
8305
- .ilo--video .vjs-control-bar--progress,
8306
- .ilo--video .vjs-control-bar .vjs-progress-control {
8305
+ .ilo--legacyvideo--controls--progress,
8306
+ .ilo--legacyvideo--controls .vjs-progress-control,
8307
+ .ilo--legacyvideo .vjs-control-bar--progress,
8308
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8307
8309
  background-color: rgb(45, 45, 45);
8308
8310
  display: none;
8309
8311
  flex-grow: 1;
@@ -8312,19 +8314,19 @@ input:checked + .ilo--input--toggle--slider:before {
8312
8314
  order: 3;
8313
8315
  position: relative;
8314
8316
  }
8315
- .ilo--video--controls--progress.show, .vjs-has-started .ilo--video--controls--progress,
8316
- .ilo--video--controls .vjs-progress-control.show,
8317
- .vjs-has-started .ilo--video--controls .vjs-progress-control,
8318
- .ilo--video .vjs-control-bar--progress.show,
8319
- .vjs-has-started .ilo--video .vjs-control-bar--progress,
8320
- .ilo--video .vjs-control-bar .vjs-progress-control.show,
8321
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-progress-control {
8317
+ .ilo--legacyvideo--controls--progress.show, .vjs-has-started .ilo--legacyvideo--controls--progress,
8318
+ .ilo--legacyvideo--controls .vjs-progress-control.show,
8319
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-progress-control,
8320
+ .ilo--legacyvideo .vjs-control-bar--progress.show,
8321
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--progress,
8322
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control.show,
8323
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-progress-control {
8322
8324
  display: block;
8323
8325
  }
8324
- .ilo--video--controls--progress-playhead,
8325
- .ilo--video--controls .vjs-progress-control-playhead,
8326
- .ilo--video .vjs-control-bar--progress-playhead,
8327
- .ilo--video .vjs-control-bar .vjs-progress-control-playhead {
8326
+ .ilo--legacyvideo--controls--progress-playhead,
8327
+ .ilo--legacyvideo--controls .vjs-progress-control-playhead,
8328
+ .ilo--legacyvideo .vjs-control-bar--progress-playhead,
8329
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-playhead {
8328
8330
  height: 100%;
8329
8331
  left: 2%;
8330
8332
  opacity: 0;
@@ -8334,14 +8336,14 @@ input:checked + .ilo--input--toggle--slider:before {
8334
8336
  width: 96%;
8335
8337
  z-index: 20;
8336
8338
  }
8337
- .ilo--video--controls--progress-current,
8338
- .ilo--video--controls--progress .vjs-play-progress,
8339
- .ilo--video--controls .vjs-progress-control-current,
8340
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8341
- .ilo--video .vjs-control-bar--progress-current,
8342
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8343
- .ilo--video .vjs-control-bar .vjs-progress-control-current,
8344
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8339
+ .ilo--legacyvideo--controls--progress-current,
8340
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8341
+ .ilo--legacyvideo--controls .vjs-progress-control-current,
8342
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8343
+ .ilo--legacyvideo .vjs-control-bar--progress-current,
8344
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8345
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current,
8346
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8345
8347
  height: 8px;
8346
8348
  left: 2%;
8347
8349
  position: absolute;
@@ -8350,54 +8352,54 @@ input:checked + .ilo--input--toggle--slider:before {
8350
8352
  z-index: 15;
8351
8353
  -webkit-appearance: none;
8352
8354
  }
8353
- .ilo--video--controls--progress-current::-moz-progress-bar,
8354
- .ilo--video--controls--progress .vjs-play-progress::-moz-progress-bar,
8355
- .ilo--video--controls .vjs-progress-control-current::-moz-progress-bar,
8356
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8357
- .ilo--video .vjs-control-bar--progress-current::-moz-progress-bar,
8358
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8359
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8360
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8355
+ .ilo--legacyvideo--controls--progress-current::-moz-progress-bar,
8356
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-moz-progress-bar,
8357
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-moz-progress-bar,
8358
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,
8359
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-moz-progress-bar,
8360
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,
8361
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,
8362
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar {
8361
8363
  background: rgb(235, 245, 253);
8362
8364
  border-radius: 0;
8363
8365
  }
8364
- .ilo--video--controls--progress-current::-webkit-progress-bar,
8365
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-bar,
8366
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-bar,
8367
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8368
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-bar,
8369
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8370
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8371
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8366
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-bar,
8367
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-bar,
8368
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-bar,
8369
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,
8370
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-bar,
8371
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,
8372
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,
8373
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar {
8372
8374
  background: transparent;
8373
8375
  }
8374
- .ilo--video--controls--progress-current::-webkit-progress-value,
8375
- .ilo--video--controls--progress .vjs-play-progress::-webkit-progress-value,
8376
- .ilo--video--controls .vjs-progress-control-current::-webkit-progress-value,
8377
- .ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8378
- .ilo--video .vjs-control-bar--progress-current::-webkit-progress-value,
8379
- .ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8380
- .ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8381
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8376
+ .ilo--legacyvideo--controls--progress-current::-webkit-progress-value,
8377
+ .ilo--legacyvideo--controls--progress .vjs-play-progress::-webkit-progress-value,
8378
+ .ilo--legacyvideo--controls .vjs-progress-control-current::-webkit-progress-value,
8379
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,
8380
+ .ilo--legacyvideo .vjs-control-bar--progress-current::-webkit-progress-value,
8381
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,
8382
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,
8383
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value {
8382
8384
  background: rgb(235, 245, 253);
8383
8385
  border-radius: 0;
8384
8386
  }
8385
- .ilo--video--controls--progress .vjs-play-progress,
8386
- .ilo--video--controls .vjs-progress-control .vjs-play-progress,
8387
- .ilo--video .vjs-control-bar--progress .vjs-play-progress,
8388
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8387
+ .ilo--legacyvideo--controls--progress .vjs-play-progress,
8388
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress,
8389
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress,
8390
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress {
8389
8391
  background: rgb(235, 245, 253);
8390
8392
  }
8391
- .ilo--video--controls--progress .vjs-play-progress .vjs-time-tooltip,
8392
- .ilo--video--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8393
- .ilo--video .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8394
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8393
+ .ilo--legacyvideo--controls--progress .vjs-play-progress .vjs-time-tooltip,
8394
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,
8395
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,
8396
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
8395
8397
  display: none;
8396
8398
  }
8397
- .ilo--video--controls--progress div[data-start],
8398
- .ilo--video--controls .vjs-progress-control div[data-start],
8399
- .ilo--video .vjs-control-bar--progress div[data-start],
8400
- .ilo--video .vjs-control-bar .vjs-progress-control div[data-start] {
8399
+ .ilo--legacyvideo--controls--progress div[data-start],
8400
+ .ilo--legacyvideo--controls .vjs-progress-control div[data-start],
8401
+ .ilo--legacyvideo .vjs-control-bar--progress div[data-start],
8402
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control div[data-start] {
8401
8403
  background: rgb(184, 196, 204);
8402
8404
  height: 8px;
8403
8405
  left: 2%;
@@ -8406,27 +8408,27 @@ input:checked + .ilo--input--toggle--slider:before {
8406
8408
  width: 96%;
8407
8409
  z-index: 15;
8408
8410
  }
8409
- .ilo--video--controls--progress-played,
8410
- .ilo--video--controls--progress .vjs-mouse-display,
8411
- .ilo--video--controls .vjs-progress-control-played,
8412
- .ilo--video--controls .vjs-progress-control .vjs-mouse-display,
8413
- .ilo--video .vjs-control-bar--progress-played,
8414
- .ilo--video .vjs-control-bar--progress .vjs-mouse-display,
8415
- .ilo--video .vjs-control-bar .vjs-progress-control-played,
8416
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8411
+ .ilo--legacyvideo--controls--progress-played,
8412
+ .ilo--legacyvideo--controls--progress .vjs-mouse-display,
8413
+ .ilo--legacyvideo--controls .vjs-progress-control-played,
8414
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-mouse-display,
8415
+ .ilo--legacyvideo .vjs-control-bar--progress-played,
8416
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-mouse-display,
8417
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-played,
8418
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
8417
8419
  display: none;
8418
8420
  position: absolute;
8419
8421
  top: -40px;
8420
8422
  z-index: 20;
8421
8423
  }
8422
- .ilo--video--controls--progress-loaded,
8423
- .ilo--video--controls--progress .vjs-load-progress,
8424
- .ilo--video--controls .vjs-progress-control-loaded,
8425
- .ilo--video--controls .vjs-progress-control .vjs-load-progress,
8426
- .ilo--video .vjs-control-bar--progress-loaded,
8427
- .ilo--video .vjs-control-bar--progress .vjs-load-progress,
8428
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded,
8429
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8424
+ .ilo--legacyvideo--controls--progress-loaded,
8425
+ .ilo--legacyvideo--controls--progress .vjs-load-progress,
8426
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded,
8427
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress,
8428
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded,
8429
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress,
8430
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded,
8431
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress {
8430
8432
  height: 8px;
8431
8433
  left: 2%;
8432
8434
  position: absolute;
@@ -8435,54 +8437,54 @@ input:checked + .ilo--input--toggle--slider:before {
8435
8437
  z-index: 10;
8436
8438
  -webkit-appearance: none;
8437
8439
  }
8438
- .ilo--video--controls--progress-loaded::-moz-progress-bar,
8439
- .ilo--video--controls--progress .vjs-load-progress::-moz-progress-bar,
8440
- .ilo--video--controls .vjs-progress-control-loaded::-moz-progress-bar,
8441
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8442
- .ilo--video .vjs-control-bar--progress-loaded::-moz-progress-bar,
8443
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8444
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8445
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8440
+ .ilo--legacyvideo--controls--progress-loaded::-moz-progress-bar,
8441
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-moz-progress-bar,
8442
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-moz-progress-bar,
8443
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,
8444
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-moz-progress-bar,
8445
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,
8446
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,
8447
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar {
8446
8448
  background: rgb(184, 196, 204);
8447
8449
  border-radius: 0;
8448
8450
  }
8449
- .ilo--video--controls--progress-loaded::-webkit-progress-bar,
8450
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-bar,
8451
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8452
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8453
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8454
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8455
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8456
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8451
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-bar,
8452
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-bar,
8453
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-bar,
8454
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,
8455
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-bar,
8456
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,
8457
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,
8458
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar {
8457
8459
  background: transparent;
8458
8460
  }
8459
- .ilo--video--controls--progress-loaded::-webkit-progress-value,
8460
- .ilo--video--controls--progress .vjs-load-progress::-webkit-progress-value,
8461
- .ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-value,
8462
- .ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8463
- .ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-value,
8464
- .ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8465
- .ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8466
- .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8461
+ .ilo--legacyvideo--controls--progress-loaded::-webkit-progress-value,
8462
+ .ilo--legacyvideo--controls--progress .vjs-load-progress::-webkit-progress-value,
8463
+ .ilo--legacyvideo--controls .vjs-progress-control-loaded::-webkit-progress-value,
8464
+ .ilo--legacyvideo--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,
8465
+ .ilo--legacyvideo .vjs-control-bar--progress-loaded::-webkit-progress-value,
8466
+ .ilo--legacyvideo .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,
8467
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,
8468
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value {
8467
8469
  background: rgb(184, 196, 204);
8468
8470
  border-radius: 0;
8469
8471
  }
8470
- .ilo--video--controls--progress:hover .vjs-play-progress, .ilo--video--controls--progress:focus .vjs-play-progress,
8471
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress,
8472
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress,
8473
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress,
8474
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress,
8475
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8476
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8472
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress,
8473
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress,
8474
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress,
8475
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress,
8476
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress,
8477
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress,
8478
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
8477
8479
  position: relative;
8478
8480
  }
8479
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8480
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8481
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8482
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8483
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8484
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8485
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8481
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,
8482
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8483
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,
8484
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,
8485
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,
8486
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,
8487
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip {
8486
8488
  align-items: center;
8487
8489
  background-color: rgb(45, 45, 45);
8488
8490
  display: flex;
@@ -8496,13 +8498,13 @@ input:checked + .ilo--input--toggle--slider:before {
8496
8498
  letter-spacing: -0.02em;
8497
8499
  line-height: 16.24px;
8498
8500
  }
8499
- .ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--video--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8500
- .ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8501
- .ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8502
- .ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8503
- .ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8504
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8505
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8501
+ .ilo--legacyvideo--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after, .ilo--legacyvideo--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8502
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8503
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,
8504
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,
8505
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,
8506
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,
8507
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after {
8506
8508
  background-position: top left;
8507
8509
  background-repeat: no-repeat;
8508
8510
  background-size: contain;
@@ -8514,25 +8516,25 @@ input:checked + .ilo--input--toggle--slider:before {
8514
8516
  bottom: -0.6430868167rem;
8515
8517
  width: 0.6430868167rem;
8516
8518
  }
8517
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played-container,
8518
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8519
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played-container,
8520
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played-container,
8521
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played-container,
8522
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container,
8523
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played-container {
8519
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played-container, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8520
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8521
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container,
8522
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played-container,
8523
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played-container,
8524
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played-container,
8525
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played-container {
8524
8526
  position: absolute;
8525
8527
  left: 2%;
8526
8528
  top: 0;
8527
8529
  width: 96%;
8528
8530
  }
8529
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played,
8530
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played,
8531
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played,
8532
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played,
8533
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played,
8534
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played,
8535
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played {
8531
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played,
8532
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8533
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played,
8534
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played,
8535
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played,
8536
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played,
8537
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played {
8536
8538
  --playhead: 0%;
8537
8539
  align-items: center;
8538
8540
  background-color: rgb(45, 45, 45);
@@ -8547,13 +8549,13 @@ input:checked + .ilo--input--toggle--slider:before {
8547
8549
  letter-spacing: -0.02em;
8548
8550
  line-height: 16.24px;
8549
8551
  }
8550
- .ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after, .ilo--video--controls--progress:focus .ilo--video--controls--progress-played:after,
8551
- .ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8552
- .ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played:after,
8553
- .ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played:after,
8554
- .ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played:after,
8555
- .ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played:after,
8556
- .ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played:after {
8552
+ .ilo--legacyvideo--controls--progress:hover .ilo--legacyvideo--controls--progress-played:after, .ilo--legacyvideo--controls--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8553
+ .ilo--legacyvideo--controls .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8554
+ .ilo--legacyvideo--controls .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after,
8555
+ .ilo--legacyvideo .vjs-control-bar--progress:hover .ilo--legacyvideo--controls--progress-played:after,
8556
+ .ilo--legacyvideo .vjs-control-bar--progress:focus .ilo--legacyvideo--controls--progress-played:after,
8557
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:hover .ilo--legacyvideo--controls--progress-played:after,
8558
+ .ilo--legacyvideo .vjs-control-bar .vjs-progress-control:focus .ilo--legacyvideo--controls--progress-played:after {
8557
8559
  background-position: top left;
8558
8560
  background-repeat: no-repeat;
8559
8561
  background-size: contain;
@@ -8565,10 +8567,10 @@ input:checked + .ilo--input--toggle--slider:before {
8565
8567
  bottom: -0.6430868167rem;
8566
8568
  width: 0.6430868167rem;
8567
8569
  }
8568
- .ilo--video--controls--volume,
8569
- .ilo--video--controls .vjs-volume-panel,
8570
- .ilo--video .vjs-control-bar--volume,
8571
- .ilo--video .vjs-control-bar .vjs-volume-panel {
8570
+ .ilo--legacyvideo--controls--volume,
8571
+ .ilo--legacyvideo--controls .vjs-volume-panel,
8572
+ .ilo--legacyvideo .vjs-control-bar--volume,
8573
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8572
8574
  border-bottom: 1px solid;
8573
8575
  bottom: 0;
8574
8576
  display: none;
@@ -8579,28 +8581,28 @@ input:checked + .ilo--input--toggle--slider:before {
8579
8581
  position: relative;
8580
8582
  width: 40px;
8581
8583
  }
8582
- .ilo--video--controls--volume.show, .vjs-has-started .ilo--video--controls--volume,
8583
- .ilo--video--controls .vjs-volume-panel.show,
8584
- .vjs-has-started .ilo--video--controls .vjs-volume-panel,
8585
- .ilo--video .vjs-control-bar--volume.show,
8586
- .vjs-has-started .ilo--video .vjs-control-bar--volume,
8587
- .ilo--video .vjs-control-bar .vjs-volume-panel.show,
8588
- .vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel {
8584
+ .ilo--legacyvideo--controls--volume.show, .vjs-has-started .ilo--legacyvideo--controls--volume,
8585
+ .ilo--legacyvideo--controls .vjs-volume-panel.show,
8586
+ .vjs-has-started .ilo--legacyvideo--controls .vjs-volume-panel,
8587
+ .ilo--legacyvideo .vjs-control-bar--volume.show,
8588
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar--volume,
8589
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.show,
8590
+ .vjs-has-started .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel {
8589
8591
  display: block;
8590
8592
  }
8591
- .ilo--video--controls--volume:hover .vjs-volume-control, .ilo--video--controls--volume:focus .vjs-volume-control,
8592
- .ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,
8593
- .ilo--video--controls .vjs-volume-panel:focus .vjs-volume-control,
8594
- .ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,
8595
- .ilo--video .vjs-control-bar--volume:focus .vjs-volume-control,
8596
- .ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8597
- .ilo--video .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8593
+ .ilo--legacyvideo--controls--volume:hover .vjs-volume-control, .ilo--legacyvideo--controls--volume:focus .vjs-volume-control,
8594
+ .ilo--legacyvideo--controls .vjs-volume-panel:hover .vjs-volume-control,
8595
+ .ilo--legacyvideo--controls .vjs-volume-panel:focus .vjs-volume-control,
8596
+ .ilo--legacyvideo .vjs-control-bar--volume:hover .vjs-volume-control,
8597
+ .ilo--legacyvideo .vjs-control-bar--volume:focus .vjs-volume-control,
8598
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,
8599
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control {
8598
8600
  display: block;
8599
8601
  }
8600
- .ilo--video--controls--showvolume,
8601
- .ilo--video--controls .vjs-mute-control,
8602
- .ilo--video .vjs-control-bar--showvolume,
8603
- .ilo--video .vjs-control-bar .vjs-mute-control {
8602
+ .ilo--legacyvideo--controls--showvolume,
8603
+ .ilo--legacyvideo--controls .vjs-mute-control,
8604
+ .ilo--legacyvideo .vjs-control-bar--showvolume,
8605
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control {
8604
8606
  background-color: rgb(45, 45, 45);
8605
8607
  border: none;
8606
8608
  cursor: pointer;
@@ -8616,54 +8618,54 @@ input:checked + .ilo--input--toggle--slider:before {
8616
8618
  background-size: 1.2861736334rem 1.2861736334rem;
8617
8619
  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");
8618
8620
  }
8619
- .ilo--video--controls--showvolume:hover, .ilo--video--controls--showvolume:focus,
8620
- .ilo--video--controls .vjs-mute-control:hover,
8621
- .ilo--video--controls .vjs-mute-control:focus,
8622
- .ilo--video .vjs-control-bar--showvolume:hover,
8623
- .ilo--video .vjs-control-bar--showvolume:focus,
8624
- .ilo--video .vjs-control-bar .vjs-mute-control:hover,
8625
- .ilo--video .vjs-control-bar .vjs-mute-control:focus {
8621
+ .ilo--legacyvideo--controls--showvolume:hover, .ilo--legacyvideo--controls--showvolume:focus,
8622
+ .ilo--legacyvideo--controls .vjs-mute-control:hover,
8623
+ .ilo--legacyvideo--controls .vjs-mute-control:focus,
8624
+ .ilo--legacyvideo .vjs-control-bar--showvolume:hover,
8625
+ .ilo--legacyvideo .vjs-control-bar--showvolume:focus,
8626
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:hover,
8627
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control:focus {
8626
8628
  background-color: rgb(235, 245, 253);
8627
8629
  background-position: center center;
8628
8630
  background-repeat: no-repeat;
8629
8631
  background-size: 1.2861736334rem 1.2861736334rem;
8630
8632
  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");
8631
8633
  }
8632
- .ilo--video--controls--showvolume.muted, .ilo--video--controls--showvolume[title=Unmute],
8633
- .ilo--video--controls .vjs-mute-control.muted,
8634
- .ilo--video--controls .vjs-mute-control[title=Unmute],
8635
- .ilo--video .vjs-control-bar--showvolume.muted,
8636
- .ilo--video .vjs-control-bar--showvolume[title=Unmute],
8637
- .ilo--video .vjs-control-bar .vjs-mute-control.muted,
8638
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute] {
8634
+ .ilo--legacyvideo--controls--showvolume.muted, .ilo--legacyvideo--controls--showvolume[title=Unmute],
8635
+ .ilo--legacyvideo--controls .vjs-mute-control.muted,
8636
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute],
8637
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted,
8638
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute],
8639
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted,
8640
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute] {
8639
8641
  background-position: center center;
8640
8642
  background-repeat: no-repeat;
8641
8643
  background-size: 1.2861736334rem 1.2861736334rem;
8642
8644
  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");
8643
8645
  }
8644
- .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,
8645
- .ilo--video--controls .vjs-mute-control.muted:hover,
8646
- .ilo--video--controls .vjs-mute-control.muted:focus,
8647
- .ilo--video--controls .vjs-mute-control[title=Unmute]:hover,
8648
- .ilo--video--controls .vjs-mute-control[title=Unmute]:focus,
8649
- .ilo--video .vjs-control-bar--showvolume.muted:hover,
8650
- .ilo--video .vjs-control-bar--showvolume.muted:focus,
8651
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:hover,
8652
- .ilo--video .vjs-control-bar--showvolume[title=Unmute]:focus,
8653
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:hover,
8654
- .ilo--video .vjs-control-bar .vjs-mute-control.muted:focus,
8655
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8656
- .ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8646
+ .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,
8647
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:hover,
8648
+ .ilo--legacyvideo--controls .vjs-mute-control.muted:focus,
8649
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:hover,
8650
+ .ilo--legacyvideo--controls .vjs-mute-control[title=Unmute]:focus,
8651
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:hover,
8652
+ .ilo--legacyvideo .vjs-control-bar--showvolume.muted:focus,
8653
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:hover,
8654
+ .ilo--legacyvideo .vjs-control-bar--showvolume[title=Unmute]:focus,
8655
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:hover,
8656
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control.muted:focus,
8657
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:hover,
8658
+ .ilo--legacyvideo .vjs-control-bar .vjs-mute-control[title=Unmute]:focus {
8657
8659
  background-color: #ebf5fd;
8658
8660
  background-position: center center;
8659
8661
  background-repeat: no-repeat;
8660
8662
  background-size: 1.2861736334rem 1.2861736334rem;
8661
8663
  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");
8662
8664
  }
8663
- .ilo--video--controls--setvolume,
8664
- .ilo--video--controls .vjs-volume-control,
8665
- .ilo--video .vjs-control-bar--setvolume,
8666
- .ilo--video .vjs-control-bar .vjs-volume-control {
8665
+ .ilo--legacyvideo--controls--setvolume,
8666
+ .ilo--legacyvideo--controls .vjs-volume-control,
8667
+ .ilo--legacyvideo .vjs-control-bar--setvolume,
8668
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-control {
8667
8669
  background: rgb(235, 245, 253);
8668
8670
  border-left: 3px solid rgb(184, 196, 204);
8669
8671
  display: none;
@@ -8676,33 +8678,33 @@ input:checked + .ilo--input--toggle--slider:before {
8676
8678
  top: 9px;
8677
8679
  width: 7.3954983923rem;
8678
8680
  }
8679
- .ilo--video--controls--setvolume,
8680
- .ilo--video .vjs-control-bar--setvolume {
8681
+ .ilo--legacyvideo--controls--setvolume,
8682
+ .ilo--legacyvideo .vjs-control-bar--setvolume {
8681
8683
  border-left: 8px solid rgb(235, 245, 253);
8682
8684
  border-right: 8px solid rgb(235, 245, 253);
8683
8685
  width: 6.5380493033rem;
8684
8686
  -webkit-appearance: none;
8685
8687
  }
8686
- .ilo--video--controls--setvolume.show,
8687
- .ilo--video .vjs-control-bar--setvolume.show {
8688
+ .ilo--legacyvideo--controls--setvolume.show,
8689
+ .ilo--legacyvideo .vjs-control-bar--setvolume.show {
8688
8690
  display: block;
8689
8691
  }
8690
- .ilo--video--controls--setvolume-container,
8691
- .ilo--video .vjs-control-bar--setvolume-container {
8692
+ .ilo--legacyvideo--controls--setvolume-container,
8693
+ .ilo--legacyvideo .vjs-control-bar--setvolume-container {
8692
8694
  left: -2px;
8693
8695
  position: absolute;
8694
8696
  top: -2px;
8695
8697
  }
8696
- .ilo--video--controls--setvolume::-webkit-slider-runnable-track,
8697
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8698
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-runnable-track,
8699
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-runnable-track {
8698
8700
  background-color: rgb(30, 45, 190);
8699
8701
  border: none;
8700
8702
  box-shadow: none;
8701
8703
  height: 4px;
8702
8704
  cursor: pointer;
8703
8705
  }
8704
- .ilo--video--controls--setvolume::-webkit-slider-thumb,
8705
- .ilo--video .vjs-control-bar--setvolume::-webkit-slider-thumb {
8706
+ .ilo--legacyvideo--controls--setvolume::-webkit-slider-thumb,
8707
+ .ilo--legacyvideo .vjs-control-bar--setvolume::-webkit-slider-thumb {
8706
8708
  background-color: rgb(30, 45, 190);
8707
8709
  border: none;
8708
8710
  border-radius: 50%;
@@ -8713,39 +8715,39 @@ input:checked + .ilo--input--toggle--slider:before {
8713
8715
  width: 16px;
8714
8716
  -webkit-appearance: none;
8715
8717
  }
8716
- .ilo--video--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8717
- .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8718
+ .ilo--legacyvideo--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,
8719
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
8718
8720
  align-items: center;
8719
8721
  cursor: pointer;
8720
8722
  display: flex;
8721
8723
  justify-content: center;
8722
8724
  }
8723
- .ilo--video--controls .vjs-volume-bar,
8724
- .ilo--video .vjs-control-bar .vjs-volume-bar {
8725
+ .ilo--legacyvideo--controls .vjs-volume-bar,
8726
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-bar {
8725
8727
  height: 4px;
8726
8728
  position: relative;
8727
8729
  width: calc(100% - 26px);
8728
8730
  }
8729
- .ilo--video--controls .vjs-mouse-display,
8730
- .ilo--video--controls .vjs-volume-level,
8731
- .ilo--video .vjs-control-bar .vjs-mouse-display,
8732
- .ilo--video .vjs-control-bar .vjs-volume-level {
8731
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8732
+ .ilo--legacyvideo--controls .vjs-volume-level,
8733
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display,
8734
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8733
8735
  height: 4px;
8734
8736
  left: 0;
8735
8737
  position: absolute;
8736
8738
  top: 0;
8737
8739
  }
8738
- .ilo--video--controls .vjs-mouse-display,
8739
- .ilo--video .vjs-control-bar .vjs-mouse-display {
8740
+ .ilo--legacyvideo--controls .vjs-mouse-display,
8741
+ .ilo--legacyvideo .vjs-control-bar .vjs-mouse-display {
8740
8742
  background-color: rgb(184, 196, 204);
8741
8743
  width: 100%;
8742
8744
  }
8743
- .ilo--video--controls .vjs-volume-level,
8744
- .ilo--video .vjs-control-bar .vjs-volume-level {
8745
+ .ilo--legacyvideo--controls .vjs-volume-level,
8746
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level {
8745
8747
  background-color: rgb(30, 45, 190);
8746
8748
  }
8747
- .ilo--video--controls .vjs-volume-level:before,
8748
- .ilo--video .vjs-control-bar .vjs-volume-level:before {
8749
+ .ilo--legacyvideo--controls .vjs-volume-level:before,
8750
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-level:before {
8749
8751
  background: rgb(30, 45, 190);
8750
8752
  border-radius: 50%;
8751
8753
  content: "";
@@ -8760,14 +8762,14 @@ input:checked + .ilo--input--toggle--slider:before {
8760
8762
  -ms-transform: translate(-50%, -50%);
8761
8763
  transform: translate(-50%, -50%);
8762
8764
  }
8763
- .ilo--video--controls .vjs-volume-tooltip,
8764
- .ilo--video .vjs-control-bar .vjs-volume-tooltip {
8765
+ .ilo--legacyvideo--controls .vjs-volume-tooltip,
8766
+ .ilo--legacyvideo .vjs-control-bar .vjs-volume-tooltip {
8765
8767
  display: none;
8766
8768
  }
8767
- .ilo--video--controls--fullscreen,
8768
- .ilo--video--controls .vjs-fullscreen-control,
8769
- .ilo--video .vjs-control-bar--fullscreen,
8770
- .ilo--video .vjs-control-bar .vjs-fullscreen-control {
8769
+ .ilo--legacyvideo--controls--fullscreen,
8770
+ .ilo--legacyvideo--controls .vjs-fullscreen-control,
8771
+ .ilo--legacyvideo .vjs-control-bar--fullscreen,
8772
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control {
8771
8773
  background-color: rgb(45, 45, 45);
8772
8774
  border: none;
8773
8775
  cursor: pointer;
@@ -8783,100 +8785,100 @@ input:checked + .ilo--input--toggle--slider:before {
8783
8785
  background-size: 1.2861736334rem 1.2861736334rem;
8784
8786
  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");
8785
8787
  }
8786
- .ilo--video--controls--fullscreen:hover, .ilo--video--controls--fullscreen:focus,
8787
- .ilo--video--controls .vjs-fullscreen-control:hover,
8788
- .ilo--video--controls .vjs-fullscreen-control:focus,
8789
- .ilo--video .vjs-control-bar--fullscreen:hover,
8790
- .ilo--video .vjs-control-bar--fullscreen:focus,
8791
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover,
8792
- .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
8788
+ .ilo--legacyvideo--controls--fullscreen:hover, .ilo--legacyvideo--controls--fullscreen:focus,
8789
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:hover,
8790
+ .ilo--legacyvideo--controls .vjs-fullscreen-control:focus,
8791
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:hover,
8792
+ .ilo--legacyvideo .vjs-control-bar--fullscreen:focus,
8793
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:hover,
8794
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control:focus {
8793
8795
  background-color: #ebf5fd;
8794
8796
  background-position: center center;
8795
8797
  background-repeat: no-repeat;
8796
8798
  background-size: 1.2861736334rem 1.2861736334rem;
8797
8799
  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");
8798
8800
  }
8799
- .ilo--video--controls--fullscreen.show,
8800
- .ilo--video--controls .vjs-fullscreen-control.show,
8801
- .ilo--video .vjs-control-bar--fullscreen.show,
8802
- .ilo--video .vjs-control-bar .vjs-fullscreen-control.show {
8801
+ .ilo--legacyvideo--controls--fullscreen.show,
8802
+ .ilo--legacyvideo--controls .vjs-fullscreen-control.show,
8803
+ .ilo--legacyvideo .vjs-control-bar--fullscreen.show,
8804
+ .ilo--legacyvideo .vjs-control-bar .vjs-fullscreen-control.show {
8803
8805
  display: block;
8804
8806
  }
8805
- .ilo--video .vjs-control-bar {
8807
+ .ilo--legacyvideo .vjs-control-bar {
8806
8808
  bottom: 0;
8807
8809
  left: -5px;
8808
8810
  width: calc(100% + 5px);
8809
8811
  }
8810
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8812
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8811
8813
  bottom: auto;
8812
8814
  left: -5px;
8813
8815
  opacity: 1;
8814
8816
  top: 0;
8815
8817
  }
8816
8818
  @media screen and (min-width: 1024px) {
8817
- .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8819
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8818
8820
  flex-direction: column;
8819
8821
  height: 158px;
8820
8822
  justify-content: flex-start;
8821
8823
  left: 0;
8822
8824
  width: 80px;
8823
8825
  }
8824
- [dir=rtl] .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8826
+ [dir=rtl] .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-control-bar {
8825
8827
  left: auto;
8826
8828
  right: 0;
8827
8829
  }
8828
8830
  }
8829
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
8831
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
8830
8832
  display: block;
8831
8833
  }
8832
8834
  @media screen and (min-width: 1024px) {
8833
- .ilo--video--element:not(.vjs-has-started) .vjs-duration {
8835
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-duration {
8834
8836
  height: 2.1436227224rem;
8835
8837
  margin-left: 0;
8836
8838
  margin-top: 2px;
8837
8839
  width: 4.2872454448rem;
8838
8840
  }
8839
- .ilo--video--element:not(.vjs-has-started) .vjs-play-control {
8841
+ .ilo--legacyvideo--element:not(.vjs-has-started) .vjs-play-control {
8840
8842
  order: 1;
8841
8843
  height: 4.2872454448rem;
8842
8844
  width: 4.2872454448rem;
8843
8845
  }
8844
8846
  }
8845
- .ilo--video .vjs-youtube {
8847
+ .ilo--legacyvideo .vjs-youtube {
8846
8848
  padding-bottom: 56%;
8847
8849
  }
8848
- .ilo--video .vjs-youtube:not(.vjs-has-started) .vjs-poster {
8850
+ .ilo--legacyvideo .vjs-youtube:not(.vjs-has-started) .vjs-poster {
8849
8851
  display: block;
8850
8852
  }
8851
- .ilo--video .vjs-control:focus,
8852
- .ilo--video .vjs-control *:focus {
8853
+ .ilo--legacyvideo .vjs-control:focus,
8854
+ .ilo--legacyvideo .vjs-control *:focus {
8853
8855
  outline: none;
8854
8856
  }
8855
- .ilo--video .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
8857
+ .ilo--legacyvideo .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control) {
8856
8858
  display: block;
8857
8859
  }
8858
- .ilo--video:hover .ilo--video--controls,
8859
- .ilo--video:hover .vjs-control-bar, .ilo--video:focus .ilo--video--controls,
8860
- .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .ilo--video--controls,
8861
- .ilo--video:focus-within .vjs-control-bar {
8860
+ .ilo--legacyvideo:hover .ilo--legacyvideo--controls,
8861
+ .ilo--legacyvideo:hover .vjs-control-bar, .ilo--legacyvideo:focus .ilo--legacyvideo--controls,
8862
+ .ilo--legacyvideo:focus .vjs-control-bar, .ilo--legacyvideo:focus-within .ilo--legacyvideo--controls,
8863
+ .ilo--legacyvideo:focus-within .vjs-control-bar {
8862
8864
  opacity: 1;
8863
8865
  transition: opacity 150ms ease-out;
8864
8866
  }
8865
- .ilo--video .vjs-loading-spinner {
8867
+ .ilo--legacyvideo .vjs-loading-spinner {
8866
8868
  display: none;
8867
8869
  }
8868
- .ilo--video .vjs-time-divider,
8869
- .ilo--video .vjs-remaining-time,
8870
- .ilo--video .vjs-current-time,
8871
- .ilo--video .vjs-control-text {
8870
+ .ilo--legacyvideo .vjs-time-divider,
8871
+ .ilo--legacyvideo .vjs-remaining-time,
8872
+ .ilo--legacyvideo .vjs-current-time,
8873
+ .ilo--legacyvideo .vjs-control-text {
8872
8874
  display: none !important;
8873
8875
  }
8874
8876
 
8875
- .ilo--video--container {
8877
+ .ilo--legacyvideo--container {
8876
8878
  position: relative;
8877
8879
  }
8878
8880
 
8879
- [dir=rtl] .ilo--video--caption {
8881
+ [dir=rtl] .ilo--legacyvideo--caption {
8880
8882
  border-left: none;
8881
8883
  border-right: 3px solid #b8c4cc;
8882
8884
  padding-left: 0;
@@ -8889,7 +8891,387 @@ input:checked + .ilo--input--toggle--slider:before {
8889
8891
 
8890
8892
  /**
8891
8893
  * Do not edit directly
8892
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
8894
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
8895
+ */
8896
+ /**
8897
+ * TOKENS:
8898
+ */
8899
+ /**
8900
+ * MAPS:
8901
+ */
8902
+ .ilo--video {
8903
+ width: 100%;
8904
+ }
8905
+ .ilo--video .video-js {
8906
+ height: auto;
8907
+ }
8908
+ .ilo--video .vjs-loading-spinner {
8909
+ display: none;
8910
+ }
8911
+ .ilo--video .vjs-tech {
8912
+ width: 100%;
8913
+ }
8914
+ .ilo--video--caption {
8915
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
8916
+ color: rgb(109, 109, 109);
8917
+ font-weight: 400;
8918
+ margin-top: 0.857449089rem;
8919
+ padding-left: 0.4287245445rem;
8920
+ font-size: 14.93px;
8921
+ letter-spacing: -0.02em;
8922
+ line-height: 20.16px;
8923
+ }
8924
+ .ilo--video--element {
8925
+ height: auto;
8926
+ object-fit: cover;
8927
+ width: inherit;
8928
+ }
8929
+ .ilo--video--wrapper {
8930
+ line-height: 0;
8931
+ position: relative;
8932
+ overflow: hidden;
8933
+ }
8934
+ .ilo--video button {
8935
+ padding: 0;
8936
+ }
8937
+ .ilo--video .vjs-time-divider,
8938
+ .ilo--video .vjs-remaining-time,
8939
+ .ilo--video .vjs-current-time,
8940
+ .ilo--video .vjs-control-text,
8941
+ .ilo--video .vjs-custom-control-spacer {
8942
+ display: none;
8943
+ }
8944
+ .ilo--video:hover .vjs-control-bar, .ilo--video:focus .vjs-control-bar, .ilo--video:focus-within .vjs-control-bar {
8945
+ opacity: 1;
8946
+ transition: opacity 150ms ease-out;
8947
+ }
8948
+ .ilo--video .vjs-youtube {
8949
+ padding-bottom: 56.25%;
8950
+ }
8951
+ .ilo--video--element:not(.vjs-has-started) .vjs-poster {
8952
+ background-size: cover;
8953
+ object-fit: cover;
8954
+ height: 100%;
8955
+ overflow: hidden;
8956
+ position: absolute;
8957
+ width: 100%;
8958
+ left: 0;
8959
+ top: 0;
8960
+ }
8961
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
8962
+ bottom: auto;
8963
+ opacity: 1;
8964
+ top: 0;
8965
+ width: 6.6452304394rem;
8966
+ }
8967
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,
8968
+ .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,
8969
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control {
8970
+ background-color: rgb(235, 245, 253);
8971
+ color: rgb(30, 45, 190);
8972
+ }
8973
+ .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 {
8974
+ 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");
8975
+ }
8976
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
8977
+ cursor: pointer;
8978
+ border: none;
8979
+ background-color: rgb(45, 45, 45);
8980
+ width: 40px;
8981
+ height: 40px;
8982
+ background-position: center center;
8983
+ background-repeat: no-repeat;
8984
+ background-size: 24px 24px;
8985
+ 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");
8986
+ }
8987
+ .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 {
8988
+ background-color: rgb(235, 245, 253);
8989
+ 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");
8990
+ }
8991
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration {
8992
+ display: flex;
8993
+ justify-content: center;
8994
+ align-items: center;
8995
+ font-weight: 700;
8996
+ font-size: 0.7502679528rem;
8997
+ height: 2.1436227224rem;
8998
+ width: 4.2872454448rem;
8999
+ background-color: rgb(45, 45, 45);
9000
+ color: rgb(237, 240, 242);
9001
+ }
9002
+ @media screen and (min-width: 1024px) {
9003
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar {
9004
+ width: 4.2872454448rem;
9005
+ flex-direction: column;
9006
+ height: 6.6452304394rem;
9007
+ gap: 0.2143622722rem;
9008
+ }
9009
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control {
9010
+ cursor: pointer;
9011
+ border: none;
9012
+ background-color: rgb(45, 45, 45);
9013
+ width: 80px;
9014
+ height: 80px;
9015
+ background-position: center center;
9016
+ background-repeat: no-repeat;
9017
+ background-size: 48px 48px;
9018
+ 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");
9019
+ }
9020
+ .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 {
9021
+ background-color: rgb(235, 245, 253);
9022
+ 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");
9023
+ }
9024
+ }
9025
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control {
9026
+ display: none;
9027
+ }
9028
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control {
9029
+ display: none;
9030
+ }
9031
+ .ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel {
9032
+ display: none;
9033
+ }
9034
+ .ilo--video .vjs-control-bar {
9035
+ order: 1;
9036
+ opacity: 0;
9037
+ transition: opacity 150ms ease-out;
9038
+ position: absolute;
9039
+ display: flex;
9040
+ width: 100%;
9041
+ height: 2.1436227224rem;
9042
+ bottom: 0;
9043
+ }
9044
+ .ilo--video .vjs-control-bar .vjs-duration {
9045
+ display: none;
9046
+ }
9047
+ .ilo--video .vjs-control-bar .vjs-poster {
9048
+ display: none;
9049
+ }
9050
+ .ilo--video .vjs-control-bar .vjs-play-control {
9051
+ cursor: pointer;
9052
+ border: none;
9053
+ background-color: rgb(45, 45, 45);
9054
+ width: 40px;
9055
+ height: 40px;
9056
+ background-position: center center;
9057
+ background-repeat: no-repeat;
9058
+ background-size: 24px 24px;
9059
+ 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");
9060
+ margin-right: 0.1071811361rem;
9061
+ }
9062
+ .ilo--video .vjs-control-bar .vjs-play-control:hover, .ilo--video .vjs-control-bar .vjs-play-control:focus {
9063
+ background-color: rgb(235, 245, 253);
9064
+ 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");
9065
+ }
9066
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-paused, .ilo--video .vjs-control-bar .vjs-play-control.vjs-ended {
9067
+ cursor: pointer;
9068
+ border: none;
9069
+ background-color: rgb(45, 45, 45);
9070
+ width: 40px;
9071
+ height: 40px;
9072
+ background-position: center center;
9073
+ background-repeat: no-repeat;
9074
+ background-size: 24px 24px;
9075
+ 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");
9076
+ }
9077
+ .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 {
9078
+ background-color: rgb(235, 245, 253);
9079
+ 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");
9080
+ }
9081
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing {
9082
+ cursor: pointer;
9083
+ border: none;
9084
+ background-color: rgb(45, 45, 45);
9085
+ width: 40px;
9086
+ height: 40px;
9087
+ background-position: center center;
9088
+ background-repeat: no-repeat;
9089
+ background-size: 24px 24px;
9090
+ 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");
9091
+ }
9092
+ .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover, .ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus {
9093
+ background-color: rgb(235, 245, 253);
9094
+ 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");
9095
+ }
9096
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control {
9097
+ order: 5;
9098
+ cursor: pointer;
9099
+ border: none;
9100
+ background-color: rgb(45, 45, 45);
9101
+ width: 40px;
9102
+ height: 40px;
9103
+ background-position: center center;
9104
+ background-repeat: no-repeat;
9105
+ background-size: 24px 24px;
9106
+ 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");
9107
+ }
9108
+ .ilo--video .vjs-control-bar .vjs-fullscreen-control:hover, .ilo--video .vjs-control-bar .vjs-fullscreen-control:focus {
9109
+ background-color: rgb(235, 245, 253);
9110
+ 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");
9111
+ }
9112
+ .ilo--video .vjs-control-bar .vjs-progress-control {
9113
+ order: 2;
9114
+ margin-right: 0.1071811361rem;
9115
+ background-color: rgb(45, 45, 45);
9116
+ flex-grow: 1;
9117
+ }
9118
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
9119
+ display: none;
9120
+ }
9121
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
9122
+ position: relative;
9123
+ width: 96%;
9124
+ }
9125
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,
9126
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9127
+ height: 0.4287245445rem;
9128
+ left: 2%;
9129
+ top: 0.857449089rem;
9130
+ position: absolute;
9131
+ z-index: 10;
9132
+ }
9133
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress {
9134
+ background-color: rgb(235, 245, 253);
9135
+ z-index: 15;
9136
+ }
9137
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
9138
+ display: none;
9139
+ }
9140
+ .ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress {
9141
+ background-color: rgb(184, 196, 204);
9142
+ z-index: 15;
9143
+ }
9144
+ .ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress, .ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress {
9145
+ position: relative;
9146
+ }
9147
+ .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 {
9148
+ color: rgb(237, 240, 242);
9149
+ font-size: 0.7502679528rem;
9150
+ height: 1.7148981779rem;
9151
+ align-items: center;
9152
+ background-color: rgb(45, 45, 45);
9153
+ display: flex;
9154
+ justify-content: center;
9155
+ right: 0;
9156
+ position: absolute;
9157
+ bottom: calc(300% + 12px);
9158
+ width: 70px;
9159
+ font-size: 11.94px;
9160
+ letter-spacing: -0.02em;
9161
+ line-height: 16.24px;
9162
+ }
9163
+ .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 {
9164
+ background-position: top left;
9165
+ background-repeat: no-repeat;
9166
+ background-size: contain;
9167
+ 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");
9168
+ content: "";
9169
+ height: 0.6430868167rem;
9170
+ position: absolute;
9171
+ left: calc(50% - 6px);
9172
+ bottom: -0.6430868167rem;
9173
+ width: 0.6430868167rem;
9174
+ }
9175
+ .ilo--video .vjs-control-bar .vjs-volume-panel {
9176
+ order: 3;
9177
+ border-bottom: 1px solid;
9178
+ bottom: 0;
9179
+ flex-direction: column;
9180
+ margin-right: 0.1071811361rem;
9181
+ position: relative;
9182
+ width: 40px;
9183
+ }
9184
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
9185
+ cursor: pointer;
9186
+ border: none;
9187
+ background-color: rgb(45, 45, 45);
9188
+ width: 40px;
9189
+ height: 40px;
9190
+ background-position: center center;
9191
+ background-repeat: no-repeat;
9192
+ background-size: 24px 24px;
9193
+ 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");
9194
+ height: 2.1436227224rem;
9195
+ }
9196
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover, .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus {
9197
+ background-color: rgb(235, 245, 253);
9198
+ 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");
9199
+ }
9200
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute] {
9201
+ cursor: pointer;
9202
+ border: none;
9203
+ background-color: rgb(45, 45, 45);
9204
+ width: 40px;
9205
+ height: 40px;
9206
+ background-position: center center;
9207
+ background-repeat: no-repeat;
9208
+ background-size: 24px 24px;
9209
+ 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");
9210
+ }
9211
+ .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 {
9212
+ background-color: rgb(235, 245, 253);
9213
+ 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");
9214
+ }
9215
+ .ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control {
9216
+ align-items: center;
9217
+ cursor: pointer;
9218
+ display: flex;
9219
+ justify-content: center;
9220
+ }
9221
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
9222
+ background: rgb(235, 245, 253);
9223
+ border-left: 0.1607717042rem solid rgb(184, 196, 204);
9224
+ display: none;
9225
+ height: 2.1436227224rem;
9226
+ position: absolute;
9227
+ transform: rotate(270deg);
9228
+ transform-origin: -4px -4px;
9229
+ top: 0.4823151125rem;
9230
+ width: 7.3954983923rem;
9231
+ }
9232
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
9233
+ height: 0.2143622722rem;
9234
+ position: relative;
9235
+ width: calc(100% - 26px);
9236
+ }
9237
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip {
9238
+ display: none;
9239
+ }
9240
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display {
9241
+ height: 0.2143622722rem;
9242
+ position: absolute;
9243
+ width: 100%;
9244
+ background-color: rgb(184, 196, 204);
9245
+ }
9246
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level {
9247
+ height: 0.2143622722rem;
9248
+ left: 0;
9249
+ top: 0;
9250
+ position: absolute;
9251
+ background-color: rgb(30, 45, 190);
9252
+ }
9253
+ .ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before {
9254
+ content: "";
9255
+ background: rgb(30, 45, 190);
9256
+ border-radius: 50%;
9257
+ height: 0.857449089rem;
9258
+ width: 0.857449089rem;
9259
+ position: absolute;
9260
+ right: -0.857449089rem;
9261
+ top: 50%;
9262
+ transform: translate(-50%, -50%);
9263
+ }
9264
+
9265
+ [dir=rtl] .ilo--video--caption {
9266
+ border-left: none;
9267
+ border-right: 3px solid #b8c4cc;
9268
+ padding-left: 0;
9269
+ padding-right: 0.4287245445rem;
9270
+ }
9271
+
9272
+ /**
9273
+ * Do not edit directly
9274
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
8893
9275
  */
8894
9276
  /**
8895
9277
  * TOKENS:
@@ -8899,7 +9281,7 @@ input:checked + .ilo--input--toggle--slider:before {
8899
9281
  */
8900
9282
  /**
8901
9283
  * Do not edit directly
8902
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
9284
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
8903
9285
  */
8904
9286
  /**
8905
9287
  * TOKENS:
@@ -8924,7 +9306,7 @@ input:checked + .ilo--input--toggle--slider:before {
8924
9306
  }
8925
9307
  /**
8926
9308
  * Do not edit directly
8927
- * Generated on Fri, 19 Jan 2024 14:42:43 GMT
9309
+ * Generated on Fri, 01 Mar 2024 17:08:43 GMT
8928
9310
  */
8929
9311
  /**
8930
9312
  * TOKENS:
@@ -9067,4 +9449,9 @@ input:checked + .ilo--input--toggle--slider:before {
9067
9449
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(30, 45, 190)' viewBox='0 0 14 18'%3e%3cpath d='m13.1945 4.73109c-.8021-.17157-1.5284-.59484-2.0731-1.20811-.5446-.61328-.8791-1.38448-.9548-2.2012v-.354182h-2.76677v10.980502c-.00171.4861-.15569.9594-.44031 1.3535-.28461.3941-.68556.6891-1.14648.8436-.46093.1545-.95867.1606-1.42328.0176s-.87274-.428-1.16703-.8149c-.29886-.3934-.46465-.8717-.47332-1.3657s.14023-.9778.4251-1.3815c.28487-.4036.69091-.70601 1.15923-.86333.46833-.15732.97458-.16138 1.44537-.01158v-2.81098c-1.04982-.14512-2.11874.04152-3.05726.53382-.93852.49231-1.69968 1.26565-2.177035 2.21185-.477352.94622-.647012 2.01792-.4852503 3.06532.1617623 1.0474.6468563 2.018 1.3874253 2.7761.70625.7227 1.61181 1.2184 2.60108 1.4241.98928.2056 2.0174.1118 2.95313-.2694.93572-.3813 1.7366-1.0328 2.30041-1.8713s.86499-1.826.86499-2.8364v-5.61074c1.1182.79939 2.4589 1.22803 3.8334 1.22559v-2.74913c-.2707.00033-.5407-.02766-.8055-.08353z'/%3e%3c/svg%3e");
9068
9450
  }
9069
9451
 
9452
+ .ilo--icon:not([data-js-processed=true]) {
9453
+ height: 24px;
9454
+ width: 24px;
9455
+ }
9456
+
9070
9457
  /*# sourceMappingURL=index.css.map */