1@charset "UTF-8"; 2.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 3 position: absolute; 4 top: 0; 5 left: 0; 6 width: 100%; 7 height: 100%; 8} 9 10.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 11 text-align: center; 12} 13 14@font-face { 15 font-family: VideoJS; 16 src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); 17 font-weight: normal; 18 font-style: normal; 19} 20.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 21 font-family: VideoJS; 22 font-weight: normal; 23 font-style: normal; 24} 25.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 26 content: "\f101"; 27} 28 29.vjs-icon-play-circle { 30 font-family: VideoJS; 31 font-weight: normal; 32 font-style: normal; 33} 34.vjs-icon-play-circle:before { 35 content: "\f102"; 36} 37 38.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { 39 font-family: VideoJS; 40 font-weight: normal; 41 font-style: normal; 42} 43.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { 44 content: "\f103"; 45} 46 47.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { 48 font-family: VideoJS; 49 font-weight: normal; 50 font-style: normal; 51} 52.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { 53 content: "\f104"; 54} 55 56.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { 57 font-family: VideoJS; 58 font-weight: normal; 59 font-style: normal; 60} 61.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { 62 content: "\f105"; 63} 64 65.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { 66 font-family: VideoJS; 67 font-weight: normal; 68 font-style: normal; 69} 70.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { 71 content: "\f106"; 72} 73 74.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { 75 font-family: VideoJS; 76 font-weight: normal; 77 font-style: normal; 78} 79.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { 80 content: "\f107"; 81} 82 83.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { 84 font-family: VideoJS; 85 font-weight: normal; 86 font-style: normal; 87} 88.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { 89 content: "\f108"; 90} 91 92.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { 93 font-family: VideoJS; 94 font-weight: normal; 95 font-style: normal; 96} 97.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { 98 content: "\f109"; 99} 100 101.vjs-icon-square { 102 font-family: VideoJS; 103 font-weight: normal; 104 font-style: normal; 105} 106.vjs-icon-square:before { 107 content: "\f10a"; 108} 109 110.vjs-icon-spinner { 111 font-family: VideoJS; 112 font-weight: normal; 113 font-style: normal; 114} 115.vjs-icon-spinner:before { 116 content: "\f10b"; 117} 118 119.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, 120.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, 121.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, 122.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, 123.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { 124 font-family: VideoJS; 125 font-weight: normal; 126 font-style: normal; 127} 128.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, 129.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, 130.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, 131.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, 132.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { 133 content: "\f10c"; 134} 135 136.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, 137.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { 138 font-family: VideoJS; 139 font-weight: normal; 140 font-style: normal; 141} 142.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, 143.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { 144 content: "\f10d"; 145} 146 147.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { 148 font-family: VideoJS; 149 font-weight: normal; 150 font-style: normal; 151} 152.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { 153 content: "\f10e"; 154} 155 156.vjs-icon-share { 157 font-family: VideoJS; 158 font-weight: normal; 159 font-style: normal; 160} 161.vjs-icon-share:before { 162 content: "\f10f"; 163} 164 165.vjs-icon-cog { 166 font-family: VideoJS; 167 font-weight: normal; 168 font-style: normal; 169} 170.vjs-icon-cog:before { 171 content: "\f110"; 172} 173 174.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { 175 font-family: VideoJS; 176 font-weight: normal; 177 font-style: normal; 178} 179.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { 180 content: "\f111"; 181} 182 183.vjs-icon-circle-outline { 184 font-family: VideoJS; 185 font-weight: normal; 186 font-style: normal; 187} 188.vjs-icon-circle-outline:before { 189 content: "\f112"; 190} 191 192.vjs-icon-circle-inner-circle { 193 font-family: VideoJS; 194 font-weight: normal; 195 font-style: normal; 196} 197.vjs-icon-circle-inner-circle:before { 198 content: "\f113"; 199} 200 201.vjs-icon-hd { 202 font-family: VideoJS; 203 font-weight: normal; 204 font-style: normal; 205} 206.vjs-icon-hd:before { 207 content: "\f114"; 208} 209 210.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { 211 font-family: VideoJS; 212 font-weight: normal; 213 font-style: normal; 214} 215.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { 216 content: "\f115"; 217} 218 219.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { 220 font-family: VideoJS; 221 font-weight: normal; 222 font-style: normal; 223} 224.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { 225 content: "\f116"; 226} 227 228.vjs-icon-facebook { 229 font-family: VideoJS; 230 font-weight: normal; 231 font-style: normal; 232} 233.vjs-icon-facebook:before { 234 content: "\f117"; 235} 236 237.vjs-icon-gplus { 238 font-family: VideoJS; 239 font-weight: normal; 240 font-style: normal; 241} 242.vjs-icon-gplus:before { 243 content: "\f118"; 244} 245 246.vjs-icon-linkedin { 247 font-family: VideoJS; 248 font-weight: normal; 249 font-style: normal; 250} 251.vjs-icon-linkedin:before { 252 content: "\f119"; 253} 254 255.vjs-icon-twitter { 256 font-family: VideoJS; 257 font-weight: normal; 258 font-style: normal; 259} 260.vjs-icon-twitter:before { 261 content: "\f11a"; 262} 263 264.vjs-icon-tumblr { 265 font-family: VideoJS; 266 font-weight: normal; 267 font-style: normal; 268} 269.vjs-icon-tumblr:before { 270 content: "\f11b"; 271} 272 273.vjs-icon-pinterest { 274 font-family: VideoJS; 275 font-weight: normal; 276 font-style: normal; 277} 278.vjs-icon-pinterest:before { 279 content: "\f11c"; 280} 281 282.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { 283 font-family: VideoJS; 284 font-weight: normal; 285 font-style: normal; 286} 287.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { 288 content: "\f11d"; 289} 290 291.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { 292 font-family: VideoJS; 293 font-weight: normal; 294 font-style: normal; 295} 296.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { 297 content: "\f11e"; 298} 299 300.vjs-icon-next-item { 301 font-family: VideoJS; 302 font-weight: normal; 303 font-style: normal; 304} 305.vjs-icon-next-item:before { 306 content: "\f11f"; 307} 308 309.vjs-icon-previous-item { 310 font-family: VideoJS; 311 font-weight: normal; 312 font-style: normal; 313} 314.vjs-icon-previous-item:before { 315 content: "\f120"; 316} 317 318.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { 319 font-family: VideoJS; 320 font-weight: normal; 321 font-style: normal; 322} 323.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { 324 content: "\f121"; 325} 326 327.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { 328 font-family: VideoJS; 329 font-weight: normal; 330 font-style: normal; 331} 332.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { 333 content: "\f122"; 334} 335 336.video-js { 337 display: block; 338 vertical-align: top; 339 box-sizing: border-box; 340 color: #fff; 341 background-color: #000; 342 position: relative; 343 padding: 0; 344 font-size: 10px; 345 line-height: 1; 346 font-weight: normal; 347 font-style: normal; 348 font-family: Arial, Helvetica, sans-serif; 349 word-break: initial; 350} 351.video-js:-moz-full-screen { 352 position: absolute; 353} 354.video-js:-webkit-full-screen { 355 width: 100% !important; 356 height: 100% !important; 357} 358 359.video-js[tabindex="-1"] { 360 outline: none; 361} 362 363.video-js *, 364.video-js *:before, 365.video-js *:after { 366 box-sizing: inherit; 367} 368 369.video-js ul { 370 font-family: inherit; 371 font-size: inherit; 372 line-height: inherit; 373 list-style-position: outside; 374 margin-left: 0; 375 margin-right: 0; 376 margin-top: 0; 377 margin-bottom: 0; 378} 379 380.video-js.vjs-fluid, 381.video-js.vjs-16-9, 382.video-js.vjs-4-3, 383.video-js.vjs-9-16, 384.video-js.vjs-1-1 { 385 width: 100%; 386 max-width: 100%; 387 height: 0; 388} 389 390.video-js.vjs-16-9 { 391 padding-top: 56.25%; 392} 393 394.video-js.vjs-4-3 { 395 padding-top: 75%; 396} 397 398.video-js.vjs-9-16 { 399 padding-top: 177.7777777778%; 400} 401 402.video-js.vjs-1-1 { 403 padding-top: 100%; 404} 405 406.video-js.vjs-fill { 407 width: 100%; 408 height: 100%; 409} 410 411.video-js .vjs-tech { 412 position: absolute; 413 top: 0; 414 left: 0; 415 width: 100%; 416 height: 100%; 417} 418 419body.vjs-full-window { 420 padding: 0; 421 margin: 0; 422 height: 100%; 423} 424 425.vjs-full-window .video-js.vjs-fullscreen { 426 position: fixed; 427 overflow: hidden; 428 z-index: 1000; 429 left: 0; 430 top: 0; 431 bottom: 0; 432 right: 0; 433} 434 435.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { 436 width: 100% !important; 437 height: 100% !important; 438 padding-top: 0 !important; 439} 440 441.video-js.vjs-fullscreen.vjs-user-inactive { 442 cursor: none; 443} 444 445.vjs-hidden { 446 display: none !important; 447} 448 449.vjs-disabled { 450 opacity: 0.5; 451 cursor: default; 452} 453 454.video-js .vjs-offscreen { 455 height: 1px; 456 left: -9999px; 457 position: absolute; 458 top: 0; 459 width: 1px; 460} 461 462.vjs-lock-showing { 463 display: block !important; 464 opacity: 1 !important; 465 visibility: visible !important; 466} 467 468.vjs-no-js { 469 padding: 20px; 470 color: #fff; 471 background-color: #000; 472 font-size: 18px; 473 font-family: Arial, Helvetica, sans-serif; 474 text-align: center; 475 width: 300px; 476 height: 150px; 477 margin: 0px auto; 478} 479 480.vjs-no-js a, 481.vjs-no-js a:visited { 482 color: #66A8CC; 483} 484 485.video-js .vjs-big-play-button { 486 font-size: 3em; 487 line-height: 1.5em; 488 height: 1.63332em; 489 width: 3em; 490 display: block; 491 position: absolute; 492 top: 10px; 493 left: 10px; 494 padding: 0; 495 cursor: pointer; 496 opacity: 1; 497 border: 0.06666em solid #fff; 498 background-color: #2B333F; 499 background-color: rgba(43, 51, 63, 0.7); 500 border-radius: 0.3em; 501 transition: all 0.4s; 502} 503.vjs-big-play-centered .vjs-big-play-button { 504 top: 50%; 505 left: 50%; 506 margin-top: -0.81666em; 507 margin-left: -1.5em; 508} 509 510.video-js:hover .vjs-big-play-button, 511.video-js .vjs-big-play-button:focus { 512 border-color: #fff; 513 background-color: #73859f; 514 background-color: rgba(115, 133, 159, 0.5); 515 transition: all 0s; 516} 517 518.vjs-controls-disabled .vjs-big-play-button, 519.vjs-has-started .vjs-big-play-button, 520.vjs-using-native-controls .vjs-big-play-button, 521.vjs-error .vjs-big-play-button { 522 display: none; 523} 524 525.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { 526 display: block; 527} 528 529.video-js button { 530 background: none; 531 border: none; 532 color: inherit; 533 display: inline-block; 534 font-size: inherit; 535 line-height: inherit; 536 text-transform: none; 537 text-decoration: none; 538 transition: none; 539 -webkit-appearance: none; 540 -moz-appearance: none; 541 appearance: none; 542} 543 544.vjs-control .vjs-button { 545 width: 100%; 546 height: 100%; 547} 548 549.video-js .vjs-control.vjs-close-button { 550 cursor: pointer; 551 height: 3em; 552 position: absolute; 553 right: 0; 554 top: 0.5em; 555 z-index: 2; 556} 557.video-js .vjs-modal-dialog { 558 background: rgba(0, 0, 0, 0.8); 559 background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); 560 overflow: auto; 561} 562 563.video-js .vjs-modal-dialog > * { 564 box-sizing: border-box; 565} 566 567.vjs-modal-dialog .vjs-modal-dialog-content { 568 font-size: 1.2em; 569 line-height: 1.5; 570 padding: 20px 24px; 571 z-index: 1; 572} 573 574.vjs-menu-button { 575 cursor: pointer; 576} 577 578.vjs-menu-button.vjs-disabled { 579 cursor: default; 580} 581 582.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { 583 display: none; 584} 585 586.vjs-menu .vjs-menu-content { 587 display: block; 588 padding: 0; 589 margin: 0; 590 font-family: Arial, Helvetica, sans-serif; 591 overflow: auto; 592} 593 594.vjs-menu .vjs-menu-content > * { 595 box-sizing: border-box; 596} 597 598.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { 599 display: none; 600} 601 602.vjs-menu li { 603 list-style: none; 604 margin: 0; 605 padding: 0.2em 0; 606 line-height: 1.4em; 607 font-size: 1.2em; 608 text-align: center; 609 text-transform: lowercase; 610} 611 612.vjs-menu li.vjs-menu-item:focus, 613.vjs-menu li.vjs-menu-item:hover, 614.js-focus-visible .vjs-menu li.vjs-menu-item:hover { 615 background-color: #73859f; 616 background-color: rgba(115, 133, 159, 0.5); 617} 618 619.vjs-menu li.vjs-selected, 620.vjs-menu li.vjs-selected:focus, 621.vjs-menu li.vjs-selected:hover, 622.js-focus-visible .vjs-menu li.vjs-selected:hover { 623 background-color: #fff; 624 color: #2B333F; 625} 626 627.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), 628.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { 629 background: none; 630} 631 632.vjs-menu li.vjs-menu-title { 633 text-align: center; 634 text-transform: uppercase; 635 font-size: 1em; 636 line-height: 2em; 637 padding: 0; 638 margin: 0 0 0.3em 0; 639 font-weight: bold; 640 cursor: default; 641} 642 643.vjs-menu-button-popup .vjs-menu { 644 display: none; 645 position: absolute; 646 bottom: 0; 647 width: 10em; 648 left: -3em; 649 height: 0em; 650 margin-bottom: 1.5em; 651 border-top-color: rgba(43, 51, 63, 0.7); 652} 653 654.vjs-menu-button-popup .vjs-menu .vjs-menu-content { 655 background-color: #2B333F; 656 background-color: rgba(43, 51, 63, 0.7); 657 position: absolute; 658 width: 100%; 659 bottom: 1.5em; 660 max-height: 15em; 661} 662 663.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 664.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 665 max-height: 5em; 666} 667 668.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 669 max-height: 10em; 670} 671 672.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 673 max-height: 14em; 674} 675 676.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 677.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 678.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 679 max-height: 25em; 680} 681 682.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, 683.vjs-menu-button-popup .vjs-menu.vjs-lock-showing { 684 display: block; 685} 686 687.video-js .vjs-menu-button-inline { 688 transition: all 0.4s; 689 overflow: hidden; 690} 691 692.video-js .vjs-menu-button-inline:before { 693 width: 2.222222222em; 694} 695 696.video-js .vjs-menu-button-inline:hover, 697.video-js .vjs-menu-button-inline:focus, 698.video-js .vjs-menu-button-inline.vjs-slider-active, 699.video-js.vjs-no-flex .vjs-menu-button-inline { 700 width: 12em; 701} 702 703.vjs-menu-button-inline .vjs-menu { 704 opacity: 0; 705 height: 100%; 706 width: auto; 707 position: absolute; 708 left: 4em; 709 top: 0; 710 padding: 0; 711 margin: 0; 712 transition: all 0.4s; 713} 714 715.vjs-menu-button-inline:hover .vjs-menu, 716.vjs-menu-button-inline:focus .vjs-menu, 717.vjs-menu-button-inline.vjs-slider-active .vjs-menu { 718 display: block; 719 opacity: 1; 720} 721 722.vjs-no-flex .vjs-menu-button-inline .vjs-menu { 723 display: block; 724 opacity: 1; 725 position: relative; 726 width: auto; 727} 728 729.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, 730.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, 731.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { 732 width: auto; 733} 734 735.vjs-menu-button-inline .vjs-menu-content { 736 width: auto; 737 height: 100%; 738 margin: 0; 739 overflow: hidden; 740} 741 742.video-js .vjs-control-bar { 743 display: none; 744 width: 100%; 745 position: absolute; 746 bottom: 0; 747 left: 0; 748 right: 0; 749 height: 3em; 750 background-color: #2B333F; 751 background-color: rgba(43, 51, 63, 0.7); 752} 753 754.vjs-has-started .vjs-control-bar { 755 display: flex; 756 visibility: visible; 757 opacity: 1; 758 transition: visibility 0.1s, opacity 0.1s; 759} 760 761.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 762 visibility: visible; 763 opacity: 0; 764 pointer-events: none; 765 transition: visibility 1s, opacity 1s; 766} 767 768.vjs-controls-disabled .vjs-control-bar, 769.vjs-using-native-controls .vjs-control-bar, 770.vjs-error .vjs-control-bar { 771 display: none !important; 772} 773 774.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 775 opacity: 1; 776 visibility: visible; 777} 778 779.vjs-has-started.vjs-no-flex .vjs-control-bar { 780 display: table; 781} 782 783.video-js .vjs-control { 784 position: relative; 785 text-align: center; 786 margin: 0; 787 padding: 0; 788 height: 100%; 789 width: 4em; 790 flex: none; 791} 792 793.vjs-button > .vjs-icon-placeholder:before { 794 font-size: 1.8em; 795 line-height: 1.67; 796} 797 798.vjs-button > .vjs-icon-placeholder { 799 display: block; 800} 801 802.video-js .vjs-control:focus:before, 803.video-js .vjs-control:hover:before, 804.video-js .vjs-control:focus { 805 text-shadow: 0em 0em 1em white; 806} 807 808.video-js .vjs-control-text { 809 border: 0; 810 clip: rect(0 0 0 0); 811 height: 1px; 812 overflow: hidden; 813 padding: 0; 814 position: absolute; 815 width: 1px; 816} 817 818.vjs-no-flex .vjs-control { 819 display: table-cell; 820 vertical-align: middle; 821} 822 823.video-js .vjs-custom-control-spacer { 824 display: none; 825} 826 827.video-js .vjs-progress-control { 828 cursor: pointer; 829 flex: auto; 830 display: flex; 831 align-items: center; 832 min-width: 4em; 833 touch-action: none; 834} 835 836.video-js .vjs-progress-control.disabled { 837 cursor: default; 838} 839 840.vjs-live .vjs-progress-control { 841 display: none; 842} 843 844.vjs-liveui .vjs-progress-control { 845 display: flex; 846 align-items: center; 847} 848 849.vjs-no-flex .vjs-progress-control { 850 width: auto; 851} 852 853.video-js .vjs-progress-holder { 854 flex: auto; 855 transition: all 0.2s; 856 height: 0.3em; 857} 858 859.video-js .vjs-progress-control .vjs-progress-holder { 860 margin: 0 10px; 861} 862 863.video-js .vjs-progress-control:hover .vjs-progress-holder { 864 font-size: 1.6666666667em; 865} 866 867.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { 868 font-size: 1em; 869} 870 871.video-js .vjs-progress-holder .vjs-play-progress, 872.video-js .vjs-progress-holder .vjs-load-progress, 873.video-js .vjs-progress-holder .vjs-load-progress div { 874 position: absolute; 875 display: block; 876 height: 100%; 877 margin: 0; 878 padding: 0; 879 width: 0; 880} 881 882.video-js .vjs-play-progress { 883 background-color: #fff; 884} 885.video-js .vjs-play-progress:before { 886 font-size: 0.9em; 887 position: absolute; 888 right: -0.5em; 889 top: -0.3333333333em; 890 z-index: 1; 891} 892 893.video-js .vjs-load-progress { 894 background: rgba(115, 133, 159, 0.5); 895} 896 897.video-js .vjs-load-progress div { 898 background: rgba(115, 133, 159, 0.75); 899} 900 901.video-js .vjs-time-tooltip { 902 background-color: #fff; 903 background-color: rgba(255, 255, 255, 0.8); 904 border-radius: 0.3em; 905 color: #000; 906 float: right; 907 font-family: Arial, Helvetica, sans-serif; 908 font-size: 1em; 909 padding: 6px 8px 8px 8px; 910 pointer-events: none; 911 position: absolute; 912 top: -3.4em; 913 visibility: hidden; 914 z-index: 1; 915} 916 917.video-js .vjs-progress-holder:focus .vjs-time-tooltip { 918 display: none; 919} 920 921.video-js .vjs-progress-control:hover .vjs-time-tooltip, 922.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { 923 display: block; 924 font-size: 0.6em; 925 visibility: visible; 926} 927 928.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { 929 font-size: 1em; 930} 931 932.video-js .vjs-progress-control .vjs-mouse-display { 933 display: none; 934 position: absolute; 935 width: 1px; 936 height: 100%; 937 background-color: #000; 938 z-index: 1; 939} 940 941.vjs-no-flex .vjs-progress-control .vjs-mouse-display { 942 z-index: 0; 943} 944 945.video-js .vjs-progress-control:hover .vjs-mouse-display { 946 display: block; 947} 948 949.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { 950 visibility: hidden; 951 opacity: 0; 952 transition: visibility 1s, opacity 1s; 953} 954 955.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { 956 display: none; 957} 958 959.vjs-mouse-display .vjs-time-tooltip { 960 color: #fff; 961 background-color: #000; 962 background-color: rgba(0, 0, 0, 0.8); 963} 964 965.video-js .vjs-slider { 966 position: relative; 967 cursor: pointer; 968 padding: 0; 969 margin: 0 0.45em 0 0.45em; 970 /* iOS Safari */ 971 -webkit-touch-callout: none; 972 /* Safari */ 973 -webkit-user-select: none; 974 /* Konqueror HTML */ 975 /* Firefox */ 976 -moz-user-select: none; 977 /* Internet Explorer/Edge */ 978 -ms-user-select: none; 979 /* Non-prefixed version, currently supported by Chrome and Opera */ 980 user-select: none; 981 background-color: #73859f; 982 background-color: rgba(115, 133, 159, 0.5); 983} 984 985.video-js .vjs-slider.disabled { 986 cursor: default; 987} 988 989.video-js .vjs-slider:focus { 990 text-shadow: 0em 0em 1em white; 991 box-shadow: 0 0 1em #fff; 992} 993 994.video-js .vjs-mute-control { 995 cursor: pointer; 996 flex: none; 997} 998.video-js .vjs-volume-control { 999 cursor: pointer; 1000 margin-right: 1em; 1001 display: flex; 1002} 1003 1004.video-js .vjs-volume-control.vjs-volume-horizontal { 1005 width: 5em; 1006} 1007 1008.video-js .vjs-volume-panel .vjs-volume-control { 1009 visibility: visible; 1010 opacity: 0; 1011 width: 1px; 1012 height: 1px; 1013 margin-left: -1px; 1014} 1015 1016.video-js .vjs-volume-panel { 1017 transition: width 1s; 1018} 1019.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { 1020 visibility: visible; 1021 opacity: 1; 1022 position: relative; 1023 transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; 1024} 1025.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { 1026 width: 5em; 1027 height: 3em; 1028 margin-right: 0; 1029} 1030.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { 1031 left: -3.5em; 1032 transition: left 0s; 1033} 1034.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { 1035 width: 10em; 1036 transition: width 0.1s; 1037} 1038.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { 1039 width: 4em; 1040} 1041 1042.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { 1043 height: 8em; 1044 width: 3em; 1045 left: -3000em; 1046 transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; 1047} 1048 1049.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { 1050 transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; 1051} 1052 1053.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { 1054 width: 5em; 1055 height: 3em; 1056 visibility: visible; 1057 opacity: 1; 1058 position: relative; 1059 transition: none; 1060} 1061 1062.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, 1063.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { 1064 position: absolute; 1065 bottom: 3em; 1066 left: 0.5em; 1067} 1068 1069.video-js .vjs-volume-panel { 1070 display: flex; 1071} 1072 1073.video-js .vjs-volume-bar { 1074 margin: 1.35em 0.45em; 1075} 1076 1077.vjs-volume-bar.vjs-slider-horizontal { 1078 width: 5em; 1079 height: 0.3em; 1080} 1081 1082.vjs-volume-bar.vjs-slider-vertical { 1083 width: 0.3em; 1084 height: 5em; 1085 margin: 1.35em auto; 1086} 1087 1088.video-js .vjs-volume-level { 1089 position: absolute; 1090 bottom: 0; 1091 left: 0; 1092 background-color: #fff; 1093} 1094.video-js .vjs-volume-level:before { 1095 position: absolute; 1096 font-size: 0.9em; 1097 z-index: 1; 1098} 1099 1100.vjs-slider-vertical .vjs-volume-level { 1101 width: 0.3em; 1102} 1103.vjs-slider-vertical .vjs-volume-level:before { 1104 top: -0.5em; 1105 left: -0.3em; 1106 z-index: 1; 1107} 1108 1109.vjs-slider-horizontal .vjs-volume-level { 1110 height: 0.3em; 1111} 1112.vjs-slider-horizontal .vjs-volume-level:before { 1113 top: -0.3em; 1114 right: -0.5em; 1115} 1116 1117.video-js .vjs-volume-panel.vjs-volume-panel-vertical { 1118 width: 4em; 1119} 1120 1121.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { 1122 height: 100%; 1123} 1124 1125.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { 1126 width: 100%; 1127} 1128 1129.video-js .vjs-volume-vertical { 1130 width: 3em; 1131 height: 8em; 1132 bottom: 8em; 1133 background-color: #2B333F; 1134 background-color: rgba(43, 51, 63, 0.7); 1135} 1136 1137.video-js .vjs-volume-horizontal .vjs-menu { 1138 left: -2em; 1139} 1140 1141.video-js .vjs-volume-tooltip { 1142 background-color: #fff; 1143 background-color: rgba(255, 255, 255, 0.8); 1144 border-radius: 0.3em; 1145 color: #000; 1146 float: right; 1147 font-family: Arial, Helvetica, sans-serif; 1148 font-size: 1em; 1149 padding: 6px 8px 8px 8px; 1150 pointer-events: none; 1151 position: absolute; 1152 top: -3.4em; 1153 visibility: hidden; 1154 z-index: 1; 1155} 1156 1157.video-js .vjs-volume-control:hover .vjs-volume-tooltip, 1158.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { 1159 display: block; 1160 font-size: 1em; 1161 visibility: visible; 1162} 1163 1164.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, 1165.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { 1166 left: 1em; 1167 top: -12px; 1168} 1169 1170.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { 1171 font-size: 1em; 1172} 1173 1174.video-js .vjs-volume-control .vjs-mouse-display { 1175 display: none; 1176 position: absolute; 1177 width: 100%; 1178 height: 1px; 1179 background-color: #000; 1180 z-index: 1; 1181} 1182 1183.video-js .vjs-volume-horizontal .vjs-mouse-display { 1184 width: 1px; 1185 height: 100%; 1186} 1187 1188.vjs-no-flex .vjs-volume-control .vjs-mouse-display { 1189 z-index: 0; 1190} 1191 1192.video-js .vjs-volume-control:hover .vjs-mouse-display { 1193 display: block; 1194} 1195 1196.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { 1197 visibility: hidden; 1198 opacity: 0; 1199 transition: visibility 1s, opacity 1s; 1200} 1201 1202.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display { 1203 display: none; 1204} 1205 1206.vjs-mouse-display .vjs-volume-tooltip { 1207 color: #fff; 1208 background-color: #000; 1209 background-color: rgba(0, 0, 0, 0.8); 1210} 1211 1212.vjs-poster { 1213 display: inline-block; 1214 vertical-align: middle; 1215 background-repeat: no-repeat; 1216 background-position: 50% 50%; 1217 background-size: contain; 1218 background-color: #000000; 1219 cursor: pointer; 1220 margin: 0; 1221 padding: 0; 1222 position: absolute; 1223 top: 0; 1224 right: 0; 1225 bottom: 0; 1226 left: 0; 1227 height: 100%; 1228} 1229 1230.vjs-has-started .vjs-poster { 1231 display: none; 1232} 1233 1234.vjs-audio.vjs-has-started .vjs-poster { 1235 display: block; 1236} 1237 1238.vjs-using-native-controls .vjs-poster { 1239 display: none; 1240} 1241 1242.video-js .vjs-live-control { 1243 display: flex; 1244 align-items: flex-start; 1245 flex: auto; 1246 font-size: 1em; 1247 line-height: 3em; 1248} 1249 1250.vjs-no-flex .vjs-live-control { 1251 display: table-cell; 1252 width: auto; 1253 text-align: left; 1254} 1255 1256.video-js:not(.vjs-live) .vjs-live-control, 1257.video-js.vjs-liveui .vjs-live-control { 1258 display: none; 1259} 1260 1261.video-js .vjs-seek-to-live-control { 1262 align-items: center; 1263 cursor: pointer; 1264 flex: none; 1265 display: inline-flex; 1266 height: 100%; 1267 padding-left: 0.5em; 1268 padding-right: 0.5em; 1269 font-size: 1em; 1270 line-height: 3em; 1271 width: auto; 1272 min-width: 4em; 1273} 1274 1275.vjs-no-flex .vjs-seek-to-live-control { 1276 display: table-cell; 1277 width: auto; 1278 text-align: left; 1279} 1280 1281.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, 1282.video-js:not(.vjs-live) .vjs-seek-to-live-control { 1283 display: none; 1284} 1285 1286.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { 1287 cursor: auto; 1288} 1289 1290.vjs-seek-to-live-control .vjs-icon-placeholder { 1291 margin-right: 0.5em; 1292 color: #888; 1293} 1294 1295.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { 1296 color: red; 1297} 1298 1299.video-js .vjs-time-control { 1300 flex: none; 1301 font-size: 1em; 1302 line-height: 3em; 1303 min-width: 2em; 1304 width: auto; 1305 padding-left: 1em; 1306 padding-right: 1em; 1307} 1308 1309.vjs-live .vjs-time-control { 1310 display: none; 1311} 1312 1313.video-js .vjs-current-time, 1314.vjs-no-flex .vjs-current-time { 1315 display: none; 1316} 1317 1318.video-js .vjs-duration, 1319.vjs-no-flex .vjs-duration { 1320 display: none; 1321} 1322 1323.vjs-time-divider { 1324 display: none; 1325 line-height: 3em; 1326} 1327 1328.vjs-live .vjs-time-divider { 1329 display: none; 1330} 1331 1332.video-js .vjs-play-control { 1333 cursor: pointer; 1334} 1335 1336.video-js .vjs-play-control .vjs-icon-placeholder { 1337 flex: none; 1338} 1339 1340.vjs-text-track-display { 1341 position: absolute; 1342 bottom: 3em; 1343 left: 0; 1344 right: 0; 1345 top: 0; 1346 pointer-events: none; 1347} 1348 1349.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { 1350 bottom: 1em; 1351} 1352 1353.video-js .vjs-text-track { 1354 font-size: 1.4em; 1355 text-align: center; 1356 margin-bottom: 0.1em; 1357} 1358 1359.vjs-subtitles { 1360 color: #fff; 1361} 1362 1363.vjs-captions { 1364 color: #fc6; 1365} 1366 1367.vjs-tt-cue { 1368 display: block; 1369} 1370 1371video::-webkit-media-text-track-display { 1372 transform: translateY(-3em); 1373} 1374 1375.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { 1376 transform: translateY(-1.5em); 1377} 1378 1379.video-js .vjs-picture-in-picture-control { 1380 cursor: pointer; 1381 flex: none; 1382} 1383.video-js .vjs-fullscreen-control { 1384 cursor: pointer; 1385 flex: none; 1386} 1387.vjs-playback-rate > .vjs-menu-button, 1388.vjs-playback-rate .vjs-playback-rate-value { 1389 position: absolute; 1390 top: 0; 1391 left: 0; 1392 width: 100%; 1393 height: 100%; 1394} 1395 1396.vjs-playback-rate .vjs-playback-rate-value { 1397 pointer-events: none; 1398 font-size: 1.5em; 1399 line-height: 2; 1400 text-align: center; 1401} 1402 1403.vjs-playback-rate .vjs-menu { 1404 width: 4em; 1405 left: 0em; 1406} 1407 1408.vjs-error .vjs-error-display .vjs-modal-dialog-content { 1409 font-size: 1.4em; 1410 text-align: center; 1411} 1412 1413.vjs-error .vjs-error-display:before { 1414 color: #fff; 1415 content: "X"; 1416 font-family: Arial, Helvetica, sans-serif; 1417 font-size: 4em; 1418 left: 0; 1419 line-height: 1; 1420 margin-top: -0.5em; 1421 position: absolute; 1422 text-shadow: 0.05em 0.05em 0.1em #000; 1423 text-align: center; 1424 top: 50%; 1425 vertical-align: middle; 1426 width: 100%; 1427} 1428 1429.vjs-loading-spinner { 1430 display: none; 1431 position: absolute; 1432 top: 50%; 1433 left: 50%; 1434 margin: -25px 0 0 -25px; 1435 opacity: 0.85; 1436 text-align: left; 1437 border: 6px solid rgba(43, 51, 63, 0.7); 1438 box-sizing: border-box; 1439 background-clip: padding-box; 1440 width: 50px; 1441 height: 50px; 1442 border-radius: 25px; 1443 visibility: hidden; 1444} 1445 1446.vjs-seeking .vjs-loading-spinner, 1447.vjs-waiting .vjs-loading-spinner { 1448 display: block; 1449 -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; 1450 animation: vjs-spinner-show 0s linear 0.3s forwards; 1451} 1452 1453.vjs-loading-spinner:before, 1454.vjs-loading-spinner:after { 1455 content: ""; 1456 position: absolute; 1457 margin: -6px; 1458 box-sizing: inherit; 1459 width: inherit; 1460 height: inherit; 1461 border-radius: inherit; 1462 opacity: 1; 1463 border: inherit; 1464 border-color: transparent; 1465 border-top-color: white; 1466} 1467 1468.vjs-seeking .vjs-loading-spinner:before, 1469.vjs-seeking .vjs-loading-spinner:after, 1470.vjs-waiting .vjs-loading-spinner:before, 1471.vjs-waiting .vjs-loading-spinner:after { 1472 -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; 1473 animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; 1474} 1475 1476.vjs-seeking .vjs-loading-spinner:before, 1477.vjs-waiting .vjs-loading-spinner:before { 1478 border-top-color: white; 1479} 1480 1481.vjs-seeking .vjs-loading-spinner:after, 1482.vjs-waiting .vjs-loading-spinner:after { 1483 border-top-color: white; 1484 -webkit-animation-delay: 0.44s; 1485 animation-delay: 0.44s; 1486} 1487 1488@keyframes vjs-spinner-show { 1489 to { 1490 visibility: visible; 1491 } 1492} 1493@-webkit-keyframes vjs-spinner-show { 1494 to { 1495 visibility: visible; 1496 } 1497} 1498@keyframes vjs-spinner-spin { 1499 100% { 1500 transform: rotate(360deg); 1501 } 1502} 1503@-webkit-keyframes vjs-spinner-spin { 1504 100% { 1505 -webkit-transform: rotate(360deg); 1506 } 1507} 1508@keyframes vjs-spinner-fade { 1509 0% { 1510 border-top-color: #73859f; 1511 } 1512 20% { 1513 border-top-color: #73859f; 1514 } 1515 35% { 1516 border-top-color: white; 1517 } 1518 60% { 1519 border-top-color: #73859f; 1520 } 1521 100% { 1522 border-top-color: #73859f; 1523 } 1524} 1525@-webkit-keyframes vjs-spinner-fade { 1526 0% { 1527 border-top-color: #73859f; 1528 } 1529 20% { 1530 border-top-color: #73859f; 1531 } 1532 35% { 1533 border-top-color: white; 1534 } 1535 60% { 1536 border-top-color: #73859f; 1537 } 1538 100% { 1539 border-top-color: #73859f; 1540 } 1541} 1542.vjs-chapters-button .vjs-menu ul { 1543 width: 24em; 1544} 1545 1546.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { 1547 vertical-align: middle; 1548 display: inline-block; 1549 margin-bottom: -0.1em; 1550} 1551 1552.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { 1553 font-family: VideoJS; 1554 content: ""; 1555 font-size: 1.5em; 1556 line-height: inherit; 1557} 1558 1559.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { 1560 vertical-align: middle; 1561 display: inline-block; 1562 margin-bottom: -0.1em; 1563} 1564 1565.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { 1566 font-family: VideoJS; 1567 content: " "; 1568 font-size: 1.5em; 1569 line-height: inherit; 1570} 1571 1572.video-js.vjs-layout-small .vjs-current-time, 1573.video-js.vjs-layout-small .vjs-time-divider, 1574.video-js.vjs-layout-small .vjs-duration, 1575.video-js.vjs-layout-small .vjs-remaining-time, 1576.video-js.vjs-layout-small .vjs-playback-rate, 1577.video-js.vjs-layout-small .vjs-chapters-button, 1578.video-js.vjs-layout-small .vjs-descriptions-button, 1579.video-js.vjs-layout-small .vjs-captions-button, 1580.video-js.vjs-layout-small .vjs-subtitles-button, 1581.video-js.vjs-layout-small .vjs-audio-button, 1582.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, 1583.video-js.vjs-layout-x-small .vjs-time-divider, 1584.video-js.vjs-layout-x-small .vjs-duration, 1585.video-js.vjs-layout-x-small .vjs-remaining-time, 1586.video-js.vjs-layout-x-small .vjs-playback-rate, 1587.video-js.vjs-layout-x-small .vjs-chapters-button, 1588.video-js.vjs-layout-x-small .vjs-descriptions-button, 1589.video-js.vjs-layout-x-small .vjs-captions-button, 1590.video-js.vjs-layout-x-small .vjs-subtitles-button, 1591.video-js.vjs-layout-x-small .vjs-audio-button, 1592.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, 1593.video-js.vjs-layout-tiny .vjs-time-divider, 1594.video-js.vjs-layout-tiny .vjs-duration, 1595.video-js.vjs-layout-tiny .vjs-remaining-time, 1596.video-js.vjs-layout-tiny .vjs-playback-rate, 1597.video-js.vjs-layout-tiny .vjs-chapters-button, 1598.video-js.vjs-layout-tiny .vjs-descriptions-button, 1599.video-js.vjs-layout-tiny .vjs-captions-button, 1600.video-js.vjs-layout-tiny .vjs-subtitles-button, 1601.video-js.vjs-layout-tiny .vjs-audio-button, 1602.video-js.vjs-layout-tiny .vjs-volume-control { 1603 display: none !important; 1604} 1605.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1606.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1607.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1608.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1609.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1610.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1611.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { 1612 width: auto; 1613 width: initial; 1614} 1615.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button { 1616 display: none; 1617} 1618.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer { 1619 flex: auto; 1620 display: block; 1621} 1622.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { 1623 width: auto; 1624} 1625.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { 1626 display: none; 1627} 1628 1629.vjs-modal-dialog.vjs-text-track-settings { 1630 background-color: #2B333F; 1631 background-color: rgba(43, 51, 63, 0.75); 1632 color: #fff; 1633 height: 70%; 1634} 1635 1636.vjs-text-track-settings .vjs-modal-dialog-content { 1637 display: table; 1638} 1639 1640.vjs-text-track-settings .vjs-track-settings-colors, 1641.vjs-text-track-settings .vjs-track-settings-font, 1642.vjs-text-track-settings .vjs-track-settings-controls { 1643 display: table-cell; 1644} 1645 1646.vjs-text-track-settings .vjs-track-settings-controls { 1647 text-align: right; 1648 vertical-align: bottom; 1649} 1650 1651@supports (display: grid) { 1652 .vjs-text-track-settings .vjs-modal-dialog-content { 1653 display: grid; 1654 grid-template-columns: 1fr 1fr; 1655 grid-template-rows: 1fr; 1656 padding: 20px 24px 0px 24px; 1657 } 1658 1659 .vjs-track-settings-controls .vjs-default-button { 1660 margin-bottom: 20px; 1661 } 1662 1663 .vjs-text-track-settings .vjs-track-settings-controls { 1664 grid-column: 1/-1; 1665 } 1666 1667 .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, 1668.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, 1669.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { 1670 grid-template-columns: 1fr; 1671 } 1672} 1673.vjs-track-setting > select { 1674 margin-right: 1em; 1675 margin-bottom: 0.5em; 1676} 1677 1678.vjs-text-track-settings fieldset { 1679 margin: 5px; 1680 padding: 3px; 1681 border: none; 1682} 1683 1684.vjs-text-track-settings fieldset span { 1685 display: inline-block; 1686} 1687 1688.vjs-text-track-settings fieldset span > select { 1689 max-width: 7.3em; 1690} 1691 1692.vjs-text-track-settings legend { 1693 color: #fff; 1694 margin: 0 0 5px 0; 1695} 1696 1697.vjs-text-track-settings .vjs-label { 1698 position: absolute; 1699 clip: rect(1px 1px 1px 1px); 1700 clip: rect(1px, 1px, 1px, 1px); 1701 display: block; 1702 margin: 0 0 5px 0; 1703 padding: 0; 1704 border: 0; 1705 height: 1px; 1706 width: 1px; 1707 overflow: hidden; 1708} 1709 1710.vjs-track-settings-controls button:focus, 1711.vjs-track-settings-controls button:active { 1712 outline-style: solid; 1713 outline-width: medium; 1714 background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); 1715} 1716 1717.vjs-track-settings-controls button:hover { 1718 color: rgba(43, 51, 63, 0.75); 1719} 1720 1721.vjs-track-settings-controls button { 1722 background-color: #fff; 1723 background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); 1724 color: #2B333F; 1725 cursor: pointer; 1726 border-radius: 2px; 1727} 1728 1729.vjs-track-settings-controls .vjs-default-button { 1730 margin-right: 1em; 1731} 1732 1733@media print { 1734 .video-js > *:not(.vjs-tech):not(.vjs-poster) { 1735 visibility: hidden; 1736 } 1737} 1738.vjs-resize-manager { 1739 position: absolute; 1740 top: 0; 1741 left: 0; 1742 width: 100%; 1743 height: 100%; 1744 border: none; 1745 z-index: -1000; 1746} 1747 1748.js-focus-visible .video-js *:focus:not(.focus-visible) { 1749 outline: none; 1750} 1751 1752.video-js *:focus:not(:focus-visible) { 1753 outline: none; 1754} 1755