media/player/videojs/styles.css

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