@vidispine/vdt-videojs-react 22.3.0 → 22.3.1-pre.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +2 -6
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +2 -6
  4. package/dist/index.js.map +1 -1
  5. package/package.json +27 -24
package/dist/index.es.js CHANGED
@@ -7,13 +7,9 @@ import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstruct
7
7
  import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
8
8
  import { Component } from 'react';
9
9
  import { Player, ExternalControls, SeekBar, TimeCodeDisplay } from '@vidispine/vdt-videojs';
10
+ import '@vidispine/vdt-videojs/dist/index.css';
10
11
  import { jsx } from 'react/jsx-runtime';
11
12
 
12
- var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
13
-
14
- var css = ".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 {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n text-align: center;\n}\n\n@font-face {\n font-family: VideoJS;\n src: url(data:application/font-woff;charset=utf-8;base64,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) format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n content: \"\\f101\";\n}\n\n.vjs-icon-play-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play-circle:before {\n content: \"\\f102\";\n}\n\n.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {\n content: \"\\f103\";\n}\n\n.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {\n content: \"\\f104\";\n}\n\n.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {\n content: \"\\f105\";\n}\n\n.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {\n content: \"\\f106\";\n}\n\n.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {\n content: \"\\f107\";\n}\n\n.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f108\";\n}\n\n.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f109\";\n}\n\n.vjs-icon-square {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-square:before {\n content: \"\\f10a\";\n}\n\n.vjs-icon-spinner {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-spinner:before {\n content: \"\\f10b\";\n}\n\n.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {\n content: \"\\f10c\";\n}\n\n.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {\n content: \"\\f10d\";\n}\n\n.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {\n content: \"\\f10e\";\n}\n\n.vjs-icon-share {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-share:before {\n content: \"\\f10f\";\n}\n\n.vjs-icon-cog {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cog:before {\n content: \"\\f110\";\n}\n\n.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.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 {\n content: \"\\f111\";\n}\n\n.vjs-icon-circle-outline {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-outline:before {\n content: \"\\f112\";\n}\n\n.vjs-icon-circle-inner-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-inner-circle:before {\n content: \"\\f113\";\n}\n\n.vjs-icon-hd {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-hd:before {\n content: \"\\f114\";\n}\n\n.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {\n content: \"\\f115\";\n}\n\n.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {\n content: \"\\f116\";\n}\n\n.vjs-icon-facebook {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-facebook:before {\n content: \"\\f117\";\n}\n\n.vjs-icon-gplus {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-gplus:before {\n content: \"\\f118\";\n}\n\n.vjs-icon-linkedin {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-linkedin:before {\n content: \"\\f119\";\n}\n\n.vjs-icon-twitter {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-twitter:before {\n content: \"\\f11a\";\n}\n\n.vjs-icon-tumblr {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-tumblr:before {\n content: \"\\f11b\";\n}\n\n.vjs-icon-pinterest {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pinterest:before {\n content: \"\\f11c\";\n}\n\n.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {\n content: \"\\f11d\";\n}\n\n.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {\n content: \"\\f11e\";\n}\n\n.vjs-icon-next-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-next-item:before {\n content: \"\\f11f\";\n}\n\n.vjs-icon-previous-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-previous-item:before {\n content: \"\\f120\";\n}\n\n.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f121\";\n}\n\n.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f122\";\n}\n\n.video-js {\n display: block;\n vertical-align: top;\n box-sizing: border-box;\n color: #fff;\n background-color: #000;\n position: relative;\n padding: 0;\n font-size: 10px;\n line-height: 1;\n font-weight: normal;\n font-style: normal;\n font-family: Arial, Helvetica, sans-serif;\n word-break: initial;\n}\n.video-js:-moz-full-screen {\n position: absolute;\n}\n.video-js:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n}\n\n.video-js[tabindex=\"-1\"] {\n outline: none;\n}\n\n.video-js *,\n.video-js *:before,\n.video-js *:after {\n box-sizing: inherit;\n}\n\n.video-js ul {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n list-style-position: outside;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.video-js.vjs-fluid,\n.video-js.vjs-16-9,\n.video-js.vjs-4-3,\n.video-js.vjs-9-16,\n.video-js.vjs-1-1 {\n width: 100%;\n max-width: 100%;\n}\n\n.video-js.vjs-fluid:not(.vjs-audio-only-mode),\n.video-js.vjs-16-9:not(.vjs-audio-only-mode),\n.video-js.vjs-4-3:not(.vjs-audio-only-mode),\n.video-js.vjs-9-16:not(.vjs-audio-only-mode),\n.video-js.vjs-1-1:not(.vjs-audio-only-mode) {\n height: 0;\n}\n\n.video-js.vjs-16-9:not(.vjs-audio-only-mode) {\n padding-top: 56.25%;\n}\n\n.video-js.vjs-4-3:not(.vjs-audio-only-mode) {\n padding-top: 75%;\n}\n\n.video-js.vjs-9-16:not(.vjs-audio-only-mode) {\n padding-top: 177.7777777778%;\n}\n\n.video-js.vjs-1-1:not(.vjs-audio-only-mode) {\n padding-top: 100%;\n}\n\n.video-js.vjs-fill:not(.vjs-audio-only-mode) {\n width: 100%;\n height: 100%;\n}\n\n.video-js .vjs-tech {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.video-js.vjs-audio-only-mode .vjs-tech {\n display: none;\n}\n\nbody.vjs-full-window {\n padding: 0;\n margin: 0;\n height: 100%;\n}\n\n.vjs-full-window .video-js.vjs-fullscreen {\n position: fixed;\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n}\n\n.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {\n width: 100% !important;\n height: 100% !important;\n padding-top: 0 !important;\n}\n\n.video-js.vjs-fullscreen.vjs-user-inactive {\n cursor: none;\n}\n\n.vjs-hidden {\n display: none !important;\n}\n\n.vjs-disabled {\n opacity: 0.5;\n cursor: default;\n}\n\n.video-js .vjs-offscreen {\n height: 1px;\n left: -9999px;\n position: absolute;\n top: 0;\n width: 1px;\n}\n\n.vjs-lock-showing {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n}\n\n.vjs-no-js {\n padding: 20px;\n color: #fff;\n background-color: #000;\n font-size: 18px;\n font-family: Arial, Helvetica, sans-serif;\n text-align: center;\n width: 300px;\n height: 150px;\n margin: 0px auto;\n}\n\n.vjs-no-js a,\n.vjs-no-js a:visited {\n color: #66A8CC;\n}\n\n.video-js .vjs-big-play-button {\n font-size: 3em;\n line-height: 1.5em;\n height: 1.63332em;\n width: 3em;\n display: block;\n position: absolute;\n top: 10px;\n left: 10px;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n border: 0.06666em solid #fff;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n.vjs-big-play-centered .vjs-big-play-button {\n top: 50%;\n left: 50%;\n margin-top: -0.81666em;\n margin-left: -1.5em;\n}\n\n.video-js:hover .vjs-big-play-button,\n.video-js .vjs-big-play-button:focus {\n border-color: #fff;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n -webkit-transition: all 0s;\n -moz-transition: all 0s;\n -ms-transition: all 0s;\n -o-transition: all 0s;\n transition: all 0s;\n}\n\n.vjs-controls-disabled .vjs-big-play-button,\n.vjs-has-started .vjs-big-play-button,\n.vjs-using-native-controls .vjs-big-play-button,\n.vjs-error .vjs-big-play-button {\n display: none;\n}\n\n.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {\n display: block;\n}\n\n.video-js button {\n background: none;\n border: none;\n color: inherit;\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n text-decoration: none;\n transition: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.vjs-control .vjs-button {\n width: 100%;\n height: 100%;\n}\n\n.video-js .vjs-control.vjs-close-button {\n cursor: pointer;\n height: 3em;\n position: absolute;\n right: 0;\n top: 0.5em;\n z-index: 2;\n}\n.video-js .vjs-modal-dialog {\n background: rgba(0, 0, 0, 0.8);\n background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n overflow: auto;\n}\n\n.video-js .vjs-modal-dialog > * {\n box-sizing: border-box;\n}\n\n.vjs-modal-dialog .vjs-modal-dialog-content {\n font-size: 1.2em;\n line-height: 1.5;\n padding: 20px 24px;\n z-index: 1;\n}\n\n.vjs-menu-button {\n cursor: pointer;\n}\n\n.vjs-menu-button.vjs-disabled {\n cursor: default;\n}\n\n.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {\n display: none;\n}\n\n.vjs-menu .vjs-menu-content {\n display: block;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n overflow: auto;\n}\n\n.vjs-menu .vjs-menu-content > * {\n box-sizing: border-box;\n}\n\n.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {\n display: none;\n}\n\n.vjs-menu li {\n list-style: none;\n margin: 0;\n padding: 0.2em 0;\n line-height: 1.4em;\n font-size: 1.2em;\n text-align: center;\n text-transform: lowercase;\n}\n\n.vjs-menu li.vjs-menu-item:focus,\n.vjs-menu li.vjs-menu-item:hover,\n.js-focus-visible .vjs-menu li.vjs-menu-item:hover {\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n\n.vjs-menu li.vjs-selected,\n.vjs-menu li.vjs-selected:focus,\n.vjs-menu li.vjs-selected:hover,\n.js-focus-visible .vjs-menu li.vjs-selected:hover {\n background-color: #fff;\n color: #2B333F;\n}\n\n.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),\n.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {\n background: none;\n}\n\n.vjs-menu li.vjs-menu-title {\n text-align: center;\n text-transform: uppercase;\n font-size: 1em;\n line-height: 2em;\n padding: 0;\n margin: 0 0 0.3em 0;\n font-weight: bold;\n cursor: default;\n}\n\n.vjs-menu-button-popup .vjs-menu {\n display: none;\n position: absolute;\n bottom: 0;\n width: 10em;\n left: -3em;\n height: 0em;\n margin-bottom: 1.5em;\n border-top-color: rgba(43, 51, 63, 0.7);\n}\n\n.vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n position: absolute;\n width: 100%;\n bottom: 1.5em;\n max-height: 15em;\n}\n\n.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 5em;\n}\n\n.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 10em;\n}\n\n.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 14em;\n}\n\n.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 25em;\n}\n\n.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,\n.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {\n display: block;\n}\n\n.video-js .vjs-menu-button-inline {\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n overflow: hidden;\n}\n\n.video-js .vjs-menu-button-inline:before {\n width: 2.222222222em;\n}\n\n.video-js .vjs-menu-button-inline:hover,\n.video-js .vjs-menu-button-inline:focus,\n.video-js .vjs-menu-button-inline.vjs-slider-active,\n.video-js.vjs-no-flex .vjs-menu-button-inline {\n width: 12em;\n}\n\n.vjs-menu-button-inline .vjs-menu {\n opacity: 0;\n height: 100%;\n width: auto;\n position: absolute;\n left: 4em;\n top: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.vjs-menu-button-inline:hover .vjs-menu,\n.vjs-menu-button-inline:focus .vjs-menu,\n.vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n display: block;\n opacity: 1;\n}\n\n.vjs-no-flex .vjs-menu-button-inline .vjs-menu {\n display: block;\n opacity: 1;\n position: relative;\n width: auto;\n}\n\n.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n width: auto;\n}\n\n.vjs-menu-button-inline .vjs-menu-content {\n width: auto;\n height: 100%;\n margin: 0;\n overflow: hidden;\n}\n\n.video-js .vjs-control-bar {\n display: none;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 3em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n\n.vjs-has-started .vjs-control-bar,\n.vjs-audio-only-mode .vjs-control-bar {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n visibility: visible;\n opacity: 1;\n -webkit-transition: visibility 0.1s, opacity 0.1s;\n -moz-transition: visibility 0.1s, opacity 0.1s;\n -ms-transition: visibility 0.1s, opacity 0.1s;\n -o-transition: visibility 0.1s, opacity 0.1s;\n transition: visibility 0.1s, opacity 0.1s;\n}\n\n.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n visibility: visible;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.vjs-controls-disabled .vjs-control-bar,\n.vjs-using-native-controls .vjs-control-bar,\n.vjs-error .vjs-control-bar {\n display: none !important;\n}\n\n.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,\n.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n\n.vjs-has-started.vjs-no-flex .vjs-control-bar {\n display: table;\n}\n\n.video-js .vjs-control {\n position: relative;\n text-align: center;\n margin: 0;\n padding: 0;\n height: 100%;\n width: 4em;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n\n.video-js .vjs-control.vjs-visible-text {\n width: auto;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.vjs-button > .vjs-icon-placeholder:before {\n font-size: 1.8em;\n line-height: 1.67;\n}\n\n.vjs-button > .vjs-icon-placeholder {\n display: block;\n}\n\n.video-js .vjs-control:focus:before,\n.video-js .vjs-control:hover:before,\n.video-js .vjs-control:focus {\n text-shadow: 0em 0em 1em white;\n}\n\n.video-js *:not(.vjs-visible-text) > .vjs-control-text {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.vjs-no-flex .vjs-control {\n display: table-cell;\n vertical-align: middle;\n}\n\n.video-js .vjs-custom-control-spacer {\n display: none;\n}\n\n.video-js .vjs-progress-control {\n cursor: pointer;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n min-width: 4em;\n touch-action: none;\n}\n\n.video-js .vjs-progress-control.disabled {\n cursor: default;\n}\n\n.vjs-live .vjs-progress-control {\n display: none;\n}\n\n.vjs-liveui .vjs-progress-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.vjs-no-flex .vjs-progress-control {\n width: auto;\n}\n\n.video-js .vjs-progress-holder {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -ms-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n height: 0.3em;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder {\n margin: 0 10px;\n}\n\n.video-js .vjs-progress-control:hover .vjs-progress-holder {\n font-size: 1.6666666667em;\n}\n\n.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {\n font-size: 1em;\n}\n\n.video-js .vjs-progress-holder .vjs-play-progress,\n.video-js .vjs-progress-holder .vjs-load-progress,\n.video-js .vjs-progress-holder .vjs-load-progress div {\n position: absolute;\n display: block;\n height: 100%;\n margin: 0;\n padding: 0;\n width: 0;\n}\n\n.video-js .vjs-play-progress {\n background-color: #fff;\n}\n.video-js .vjs-play-progress:before {\n font-size: 0.9em;\n position: absolute;\n right: -0.5em;\n top: -0.3333333333em;\n z-index: 1;\n}\n\n.video-js .vjs-load-progress {\n background: rgba(115, 133, 159, 0.5);\n}\n\n.video-js .vjs-load-progress div {\n background: rgba(115, 133, 159, 0.75);\n}\n\n.video-js .vjs-time-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n\n.video-js .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n\n.video-js .vjs-progress-control:hover .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: block;\n font-size: 0.6em;\n visibility: visible;\n}\n\n.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {\n font-size: 1em;\n}\n\n.video-js .vjs-progress-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 1px;\n height: 100%;\n background-color: #000;\n z-index: 1;\n}\n\n.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n z-index: 0;\n}\n\n.video-js .vjs-progress-control:hover .vjs-mouse-display {\n display: block;\n}\n\n.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n display: none;\n}\n\n.vjs-mouse-display .vjs-time-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n.video-js .vjs-slider {\n position: relative;\n cursor: pointer;\n padding: 0;\n margin: 0 0.45em 0 0.45em;\n /* iOS Safari */\n -webkit-touch-callout: none;\n /* Safari */\n -webkit-user-select: none;\n /* Konqueror HTML */\n -khtml-user-select: none;\n /* Firefox */\n -moz-user-select: none;\n /* Internet Explorer/Edge */\n -ms-user-select: none;\n /* Non-prefixed version, currently supported by Chrome and Opera */\n user-select: none;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n\n.video-js .vjs-slider.disabled {\n cursor: default;\n}\n\n.video-js .vjs-slider:focus {\n text-shadow: 0em 0em 1em white;\n -webkit-box-shadow: 0 0 1em #fff;\n -moz-box-shadow: 0 0 1em #fff;\n box-shadow: 0 0 1em #fff;\n}\n\n.video-js .vjs-mute-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js .vjs-volume-control {\n cursor: pointer;\n margin-right: 1em;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.video-js .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control {\n visibility: visible;\n opacity: 0;\n width: 1px;\n height: 1px;\n margin-left: -1px;\n}\n\n.video-js .vjs-volume-panel {\n -webkit-transition: width 1s;\n -moz-transition: width 1s;\n -ms-transition: width 1s;\n -o-transition: width 1s;\n transition: width 1s;\n}\n.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 {\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n}\n.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 {\n width: 5em;\n height: 3em;\n margin-right: 0;\n}\n.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 {\n left: -3.5em;\n -webkit-transition: left 0s;\n -moz-transition: left 0s;\n -ms-transition: left 0s;\n -o-transition: left 0s;\n transition: left 0s;\n}\n.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 {\n width: 10em;\n -webkit-transition: width 0.1s;\n -moz-transition: width 0.1s;\n -ms-transition: width 0.1s;\n -o-transition: width 0.1s;\n transition: width 0.1s;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {\n width: 4em;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n height: 8em;\n width: 3em;\n left: -3000em;\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n}\n\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n height: 3em;\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: none;\n -moz-transition: none;\n -ms-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n position: absolute;\n bottom: 3em;\n left: 0.5em;\n}\n\n.video-js .vjs-volume-panel {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.video-js .vjs-volume-bar {\n margin: 1.35em 0.45em;\n}\n\n.vjs-volume-bar.vjs-slider-horizontal {\n width: 5em;\n height: 0.3em;\n}\n\n.vjs-volume-bar.vjs-slider-vertical {\n width: 0.3em;\n height: 5em;\n margin: 1.35em auto;\n}\n\n.video-js .vjs-volume-level {\n position: absolute;\n bottom: 0;\n left: 0;\n background-color: #fff;\n}\n.video-js .vjs-volume-level:before {\n position: absolute;\n font-size: 0.9em;\n z-index: 1;\n}\n\n.vjs-slider-vertical .vjs-volume-level {\n width: 0.3em;\n}\n.vjs-slider-vertical .vjs-volume-level:before {\n top: -0.5em;\n left: -0.3em;\n z-index: 1;\n}\n\n.vjs-slider-horizontal .vjs-volume-level {\n height: 0.3em;\n}\n.vjs-slider-horizontal .vjs-volume-level:before {\n top: -0.3em;\n right: -0.5em;\n}\n\n.video-js .vjs-volume-panel.vjs-volume-panel-vertical {\n width: 4em;\n}\n\n.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {\n height: 100%;\n}\n\n.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {\n width: 100%;\n}\n\n.video-js .vjs-volume-vertical {\n width: 3em;\n height: 8em;\n bottom: 8em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n\n.video-js .vjs-volume-horizontal .vjs-menu {\n left: -2em;\n}\n\n.video-js .vjs-volume-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n\n.video-js .vjs-volume-control:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n display: block;\n font-size: 1em;\n visibility: visible;\n}\n\n.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n left: 1em;\n top: -12px;\n}\n\n.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {\n font-size: 1em;\n}\n\n.video-js .vjs-volume-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 100%;\n height: 1px;\n background-color: #000;\n z-index: 1;\n}\n\n.video-js .vjs-volume-horizontal .vjs-mouse-display {\n width: 1px;\n height: 100%;\n}\n\n.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n z-index: 0;\n}\n\n.video-js .vjs-volume-control:hover .vjs-mouse-display {\n display: block;\n}\n\n.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n display: none;\n}\n\n.vjs-mouse-display .vjs-volume-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n.vjs-poster {\n display: inline-block;\n vertical-align: middle;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n background-color: #000000;\n cursor: pointer;\n margin: 0;\n padding: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n}\n\n.vjs-has-started .vjs-poster,\n.vjs-using-native-controls .vjs-poster {\n display: none;\n}\n\n.vjs-audio.vjs-has-started .vjs-poster,\n.vjs-has-started.vjs-audio-poster-mode .vjs-poster {\n display: block;\n}\n\n.video-js .vjs-live-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: flex-start;\n -webkit-align-items: flex-start;\n -ms-flex-align: flex-start;\n align-items: flex-start;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n font-size: 1em;\n line-height: 3em;\n}\n\n.vjs-no-flex .vjs-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n\n.video-js:not(.vjs-live) .vjs-live-control,\n.video-js.vjs-liveui .vjs-live-control {\n display: none;\n}\n\n.video-js .vjs-seek-to-live-control {\n align-items: center;\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n display: inline-flex;\n height: 100%;\n padding-left: 0.5em;\n padding-right: 0.5em;\n font-size: 1em;\n line-height: 3em;\n width: auto;\n min-width: 4em;\n}\n\n.vjs-no-flex .vjs-seek-to-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n\n.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,\n.video-js:not(.vjs-live) .vjs-seek-to-live-control {\n display: none;\n}\n\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {\n cursor: auto;\n}\n\n.vjs-seek-to-live-control .vjs-icon-placeholder {\n margin-right: 0.5em;\n color: #888;\n}\n\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {\n color: red;\n}\n\n.video-js .vjs-time-control {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n font-size: 1em;\n line-height: 3em;\n min-width: 2em;\n width: auto;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.vjs-live .vjs-time-control {\n display: none;\n}\n\n.video-js .vjs-current-time,\n.vjs-no-flex .vjs-current-time {\n display: none;\n}\n\n.video-js .vjs-duration,\n.vjs-no-flex .vjs-duration {\n display: none;\n}\n\n.vjs-time-divider {\n display: none;\n line-height: 3em;\n}\n\n.vjs-live .vjs-time-divider {\n display: none;\n}\n\n.video-js .vjs-play-control {\n cursor: pointer;\n}\n\n.video-js .vjs-play-control .vjs-icon-placeholder {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n\n.vjs-text-track-display {\n position: absolute;\n bottom: 3em;\n left: 0;\n right: 0;\n top: 0;\n pointer-events: none;\n}\n\n.video-js.vjs-controls-disabled .vjs-text-track-display,\n.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 1em;\n}\n\n.video-js .vjs-text-track {\n font-size: 1.4em;\n text-align: center;\n margin-bottom: 0.1em;\n}\n\n.vjs-subtitles {\n color: #fff;\n}\n\n.vjs-captions {\n color: #fc6;\n}\n\n.vjs-tt-cue {\n display: block;\n}\n\nvideo::-webkit-media-text-track-display {\n -moz-transform: translateY(-3em);\n -ms-transform: translateY(-3em);\n -o-transform: translateY(-3em);\n -webkit-transform: translateY(-3em);\n transform: translateY(-3em);\n}\n\n.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,\n.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {\n -moz-transform: translateY(-1.5em);\n -ms-transform: translateY(-1.5em);\n -o-transform: translateY(-1.5em);\n -webkit-transform: translateY(-1.5em);\n transform: translateY(-1.5em);\n}\n\n.video-js .vjs-picture-in-picture-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {\n display: none;\n}\n\n.video-js .vjs-fullscreen-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js.vjs-audio-only-mode .vjs-fullscreen-control {\n display: none;\n}\n\n.vjs-playback-rate > .vjs-menu-button,\n.vjs-playback-rate .vjs-playback-rate-value {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.vjs-playback-rate .vjs-playback-rate-value {\n pointer-events: none;\n font-size: 1.5em;\n line-height: 2;\n text-align: center;\n}\n\n.vjs-playback-rate .vjs-menu {\n width: 4em;\n left: 0em;\n}\n\n.vjs-error .vjs-error-display .vjs-modal-dialog-content {\n font-size: 1.4em;\n text-align: center;\n}\n\n.vjs-error .vjs-error-display:before {\n color: #fff;\n content: \"X\";\n font-family: Arial, Helvetica, sans-serif;\n font-size: 4em;\n left: 0;\n line-height: 1;\n margin-top: -0.5em;\n position: absolute;\n text-shadow: 0.05em 0.05em 0.1em #000;\n text-align: center;\n top: 50%;\n vertical-align: middle;\n width: 100%;\n}\n\n.vjs-loading-spinner {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -25px 0 0 -25px;\n opacity: 0.85;\n text-align: left;\n border: 6px solid rgba(43, 51, 63, 0.7);\n box-sizing: border-box;\n background-clip: padding-box;\n width: 50px;\n height: 50px;\n border-radius: 25px;\n visibility: hidden;\n}\n\n.vjs-seeking .vjs-loading-spinner,\n.vjs-waiting .vjs-loading-spinner {\n display: block;\n animation: vjs-spinner-show 0s linear 0.3s forwards;\n}\n\n.vjs-loading-spinner:before,\n.vjs-loading-spinner:after {\n content: \"\";\n position: absolute;\n margin: -6px;\n box-sizing: inherit;\n width: inherit;\n height: inherit;\n border-radius: inherit;\n opacity: 1;\n border: inherit;\n border-color: transparent;\n border-top-color: white;\n}\n\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:after {\n -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n}\n\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:before {\n border-top-color: rgb(255, 255, 255);\n}\n\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:after {\n border-top-color: rgb(255, 255, 255);\n -webkit-animation-delay: 0.44s;\n animation-delay: 0.44s;\n}\n\n@keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@-webkit-keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@keyframes vjs-spinner-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes vjs-spinner-spin {\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n@-webkit-keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n.video-js.vjs-audio-only-mode .vjs-captions-button {\n display: none;\n}\n\n.vjs-chapters-button .vjs-menu ul {\n width: 24em;\n}\n\n.video-js.vjs-audio-only-mode .vjs-descriptions-button {\n display: none;\n}\n\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \"\\f10d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n\n.video-js.vjs-audio-only-mode .vjs-subs-caps-button {\n display: none;\n}\n\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \" \\f11d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n\n.video-js.vjs-layout-small .vjs-current-time,\n.video-js.vjs-layout-small .vjs-time-divider,\n.video-js.vjs-layout-small .vjs-duration,\n.video-js.vjs-layout-small .vjs-remaining-time,\n.video-js.vjs-layout-small .vjs-playback-rate,\n.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,\n.video-js.vjs-layout-x-small .vjs-time-divider,\n.video-js.vjs-layout-x-small .vjs-duration,\n.video-js.vjs-layout-x-small .vjs-remaining-time,\n.video-js.vjs-layout-x-small .vjs-playback-rate,\n.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,\n.video-js.vjs-layout-tiny .vjs-time-divider,\n.video-js.vjs-layout-tiny .vjs-duration,\n.video-js.vjs-layout-tiny .vjs-remaining-time,\n.video-js.vjs-layout-tiny .vjs-playback-rate,\n.video-js.vjs-layout-tiny .vjs-volume-control {\n display: none;\n}\n.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 {\n width: auto;\n width: initial;\n}\n.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {\n display: none;\n}\n.video-js.vjs-layout-x-small .vjs-custom-control-spacer {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: block;\n}\n.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {\n width: auto;\n}\n\n.vjs-modal-dialog.vjs-text-track-settings {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.75);\n color: #fff;\n height: 70%;\n}\n\n.vjs-text-track-settings .vjs-modal-dialog-content {\n display: table;\n}\n\n.vjs-text-track-settings .vjs-track-settings-colors,\n.vjs-text-track-settings .vjs-track-settings-font,\n.vjs-text-track-settings .vjs-track-settings-controls {\n display: table-cell;\n}\n\n.vjs-text-track-settings .vjs-track-settings-controls {\n text-align: right;\n vertical-align: bottom;\n}\n\n@supports (display: grid) {\n .vjs-text-track-settings .vjs-modal-dialog-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr;\n padding: 20px 24px 0px 24px;\n }\n .vjs-track-settings-controls .vjs-default-button {\n margin-bottom: 20px;\n }\n .vjs-text-track-settings .vjs-track-settings-controls {\n grid-column: 1/-1;\n }\n .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {\n grid-template-columns: 1fr;\n }\n}\n.vjs-track-setting > select {\n margin-right: 1em;\n margin-bottom: 0.5em;\n}\n\n.vjs-text-track-settings fieldset {\n margin: 5px;\n padding: 3px;\n border: none;\n}\n\n.vjs-text-track-settings fieldset span {\n display: inline-block;\n}\n\n.vjs-text-track-settings fieldset span > select {\n max-width: 7.3em;\n}\n\n.vjs-text-track-settings legend {\n color: #fff;\n margin: 0 0 5px 0;\n}\n\n.vjs-text-track-settings .vjs-label {\n position: absolute;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n display: block;\n margin: 0 0 5px 0;\n padding: 0;\n border: 0;\n height: 1px;\n width: 1px;\n overflow: hidden;\n}\n\n.vjs-track-settings-controls button:focus,\n.vjs-track-settings-controls button:active {\n outline-style: solid;\n outline-width: medium;\n background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);\n}\n\n.vjs-track-settings-controls button:hover {\n color: rgba(43, 51, 63, 0.75);\n}\n\n.vjs-track-settings-controls button {\n background-color: #fff;\n background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);\n color: #2B333F;\n cursor: pointer;\n border-radius: 2px;\n}\n\n.vjs-track-settings-controls .vjs-default-button {\n margin-right: 1em;\n}\n\n@media print {\n .video-js > *:not(.vjs-tech):not(.vjs-poster) {\n visibility: hidden;\n }\n}\n.vjs-resize-manager {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n z-index: -1000;\n}\n\n.js-focus-visible .video-js *:focus:not(.focus-visible) {\n outline: none;\n}\n\n.video-js *:focus:not(:focus-visible) {\n outline: none;\n}\n\ntextarea, select, input, button, video {\n outline: none;\n}\n\nbutton:focus, .video-js .vjs-menu-item {\n outline: initial;\n}\n\n.video-js {\n max-width: 100%;\n overflow: hidden;\n}\n.video-js.init {\n height: 0px !important;\n display: none;\n}\n.video-js video {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n display: block;\n}\n.video-js .vjs-poster {\n background-size: cover;\n}\n.video-js .vjs-control-bar {\n height: 50px;\n padding-top: 6px;\n display: flex;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+15,0.3+100 */\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00000000\", endColorstr=\"#4d000000\",GradientType=0 ); /* IE6-9 */\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n z-index: 2;\n}\n.video-js .vjs-control-bar .vdt-seekbar-wrapper {\n top: 0px;\n left: 0px;\n height: 10px;\n width: 100%;\n position: absolute;\n margin: 0 auto;\n}\n.video-js .vjs-big-play-button {\n font-size: 90px;\n border: 0px;\n background-color: transparent;\n text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);\n z-index: 2;\n}\n.video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n padding-top: 5px;\n}\n.video-js:hover .vjs-big-play-button,\n.video-js:hover .vjs-big-play-button:focus {\n background-color: transparent;\n}\n.video-js .vjs-progress-control {\n top: 0px;\n left: 0px;\n position: absolute;\n display: block;\n width: 100%;\n height: 10px;\n}\n.video-js .vjs-progress-control .vjs-load-progress {\n background: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {\n display: none;\n}\n.video-js .vjs-time-control.duration, .video-js .vjs-time-control.vjs-duration {\n margin-right: auto;\n}\n.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vdt-screenshot-button .vjs-icon-placeholder {\n opacity: 0.6;\n}\n.video-js.has-vdt-menu .vjs-subs-caps-button {\n display: none;\n}\n.video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder {\n opacity: 1;\n}\n.video-js .vjs-control {\n font-size: 14px;\n}\n.video-js .vjs-play-progress.vjs-slider-bar {\n background-color: #f00;\n}\n.video-js .vjs-current-time,\n.video-js .vjs-time-control,\n.video-js .vjs-no-flex .vjs-current-time {\n display: block;\n}\n.video-js .vjs-time-control {\n font-size: 14px;\n padding: 0px;\n min-width: 14px;\n text-align: center;\n}\n.video-js .vjs-volume-panel {\n width: 3em;\n}\n.video-js .vjs-volume-panel .vjs-mute-control {\n width: 3em;\n}\n.video-js .vjs-menu-button-popup .vjs-menu {\n bottom: 20px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: rgba(28, 28, 28, 0.9);\n border-radius: 7px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected) {\n background-color: transparent;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text {\n color: white;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text {\n color: #333;\n}\n.video-js .vdt-player-osd {\n pointer-events: none;\n position: absolute;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n opacity: 0;\n z-index: 4;\n -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n transition: 200ms ease-out all;\n}\n.video-js .vdt-player-osd.active {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n}\n.video-js .vdt-player-osd table {\n width: 100%;\n height: 100%;\n}\n.video-js .vdt-player-osd table td {\n vertical-align: middle;\n text-align: center;\n}\n.video-js .vdt-player-osd table td .osd-feedback-icon:before {\n font-family: VideoJS;\n content: \"\\f101\";\n font-size: 50px;\n padding: 15px;\n display: inline-block;\n height: 80px;\n width: 80px;\n text-align: center;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 100%;\n}\n.video-js .vdt-player-osd table td .pause:before {\n content: \"\\f103\";\n}\n.video-js .vdt-player-osd table td .volchange.high:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .volchange.mid:before {\n content: \"\\f106\";\n}\n.video-js .vdt-player-osd table td .volchange.low:before {\n content: \"\\f105\";\n}\n.video-js .vdt-player-osd table td .mute:before, .video-js .vdt-player-osd table td .volchange.null:before {\n content: \"\\f104\";\n}\n.video-js .vdt-player-osd table td .unmute:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .forward-jump:before, .video-js .vdt-player-osd table td .backward-jump:before {\n content: \"\\f101\\f101\";\n letter-spacing: -38px;\n padding-left: 0px;\n padding-right: 34px;\n}\n.video-js .vdt-player-osd table td .backward-jump:before {\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n 35% {\n border-top-color: white;\n }\n 100% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n}\n.video-js .vjs-loading-spinner {\n margin: -40px 0 0 -40px;\n opacity: 0.85;\n border: 5px solid rgba(255, 255, 255, 0.7);\n width: 80px;\n height: 80px;\n border-radius: 100px;\n z-index: 5;\n}\n.video-js .vjs-loading-spinner:after, .video-js .vjs-loading-spinner:before {\n margin: -5px;\n}\n.video-js .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 0px;\n transition: transform 300ms ease-out;\n -webkit-transform: translate3d(0px, 0px, 0px);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n.video-js .vjs-text-track-display > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display > div {\n display: table;\n width: 100%;\n height: 100%;\n margin: 0px !important;\n}\n.video-js .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue {\n width: 100% !important;\n bottom: 0px !important;\n top: initial !important;\n left: initial !important;\n right: initial !important;\n font-size: 18px !important;\n height: auto !important;\n padding-bottom: 1.5%;\n display: table-cell;\n}\n.video-js .vjs-text-track-display .vjs-text-track-cue > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue > div {\n padding: 2px 4px 2px 4px;\n line-height: 1.25;\n border-radius: 2px;\n}\n.video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n font-size: 24px !important;\n}\n.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar, .video-jsdiv .vjs-control-bar, .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {\n opacity: 1;\n}\n.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar, .video-js:not(.controls-below-player) .vjs-control-bar {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 50px, 0px);\n transition: transform 300ms ease-in-out;\n}\n.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n}\n.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display {\n transform: translate3d(0px, -50px, 0px);\n}\n.video-js .vdt-timecode {\n display: inline;\n font-family: \"monospace\", sans-serif;\n margin-left: 20px;\n}\n.video-js .vdt-timecode input, .video-js .vdt-timecode span {\n font-size: 16px;\n}\n.video-js .vdt-timecode span {\n text-align: center;\n display: inline-block;\n}\n.video-js .vdt-timecode input {\n display: inline-block;\n width: auto;\n border: 0px;\n background: transparent;\n color: inherit;\n width: 21px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode {\n flex-grow: 3;\n }\n}\n.video-js .vdt-timecode.duration {\n margin-left: 0px;\n margin-right: auto;\n}\n.video-js .vdt-timecode.duration span {\n cursor: default;\n}\n.video-js .vdt-timecode.duration:before {\n content: \"/\";\n display: inline-block;\n margin: 0px 5px;\n font-size: 16px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode.duration {\n display: none;\n }\n}\n.video-js .vdt-cinema-button,\n.video-js .vdt-settings-menu-button,\n.video-js .vdt-screenshot-button {\n cursor: pointer;\n}\n.video-js .vdt-cinema-button:after,\n.video-js .vdt-settings-menu-button:after,\n.video-js .vdt-screenshot-button:after {\n content: \"\\f10b\";\n font-family: VideoJS;\n font-size: 22px;\n}\n.video-js .vdt-cinema-button:active, .video-js .vdt-cinema-button:focus,\n.video-js .vdt-settings-menu-button:active,\n.video-js .vdt-settings-menu-button:focus,\n.video-js .vdt-screenshot-button:active,\n.video-js .vdt-screenshot-button:focus {\n opacity: 0.6;\n}\n.video-js .vdt-cinema-button:after {\n content: \"\\f10a\";\n}\n.video-js .vdt-settings-menu-button:after {\n content: \"\\f110\";\n}\n.video-js .vdt-waveform-visual, .video-js .vdt-help-overlay {\n position: absolute;\n top: 0px;\n left: 0px;\n background: #888;\n height: 100%;\n width: 100%;\n display: none;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#88bfe8+0,71a1c4+100 */\n background: rgb(136, 191, 232); /* Old browsers */\n background: -moz-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#88bfe8\", endColorstr=\"#71a1c4\",GradientType=0 ); /* IE6-9 */\n}\n.video-js .vdt-waveform-visual canvas, .video-js .vdt-help-overlay canvas {\n height: 100%;\n width: 100%;\n}\n.video-js.vjs-has-started .vdt-waveform-visual {\n display: block;\n}\n.video-js .vdt-help-overlay {\n font-size: 15px;\n background: transparent;\n z-index: 2;\n transition: opacity 1s ease-in-out;\n opacity: 0;\n padding-bottom: 12px;\n}\n.video-js .vdt-help-overlay > table {\n height: 100%;\n margin: 0 auto;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table {\n border-radius: 7px;\n max-height: 400px;\n -webkit-backdrop-filter: blur(10px);\n background: rgba(0, 0, 0, 0.6);\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td {\n padding: 6px 6px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2), .video-js .vdt-help-overlay > table td.vdt-help-contents table td td:nth-child(4) {\n padding: 4px 9px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2) {\n padding-right: 32px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child div, .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(3) div {\n text-align: center;\n padding: 3px;\n border: 1px solid white;\n border-radius: 2px;\n background: rgba(255, 255, 255, 0.1);\n font-size: 13px;\n min-width: 21px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child {\n padding-left: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:last-child {\n padding-right: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:first-child td {\n padding-top: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:last-child td {\n padding-bottom: 16px;\n}\n.video-js .vdt-help-overlay > table td {\n vertical-align: middle;\n}\n.video-js .vdt-help-overlay.active {\n display: block;\n opacity: 1;\n}\n.video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display, .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display {\n bottom: 60px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) {\n overflow: visible;\n width: auto;\n height: auto;\n background-color: transparent;\n margin-bottom: 70px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video {\n position: relative;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar {\n transform: translate3d(0px, 60px, 0px);\n transition: all 300ms ease-in-out;\n background: transparent;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #333;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #efefef;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder {\n margin: 0 auto;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu {\n bottom: 35px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster {\n height: initial;\n}\n.video-js .vjs-play-progress:before,\n.video-js .vjs-remaining-time,\n.video-js .vjs-picture-in-picture-control,\n.video-js .vjs-progress-control:hover .vjs-time-tooltips,\n.video-js .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n\n";
15
- n(css,{});
16
-
17
13
  var _excluded = ["setPlayer"],
18
14
  _excluded2 = ["setPlayer"];
19
15
 
@@ -287,7 +283,7 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
287
283
  };
288
284
 
289
285
  return /*#__PURE__*/jsx("div", {
290
- styles: styles,
286
+ style: styles,
291
287
  className: className,
292
288
  ref: ref
293
289
  });
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport './VideoPlayer.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div styles={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_createSuper","props","setPlayer","playerProps","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_createSuper","props","setPlayer","playerProps","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -11,6 +11,7 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
11
11
  var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
12
12
  var react = require('react');
13
13
  var vdtVideojs = require('@vidispine/vdt-videojs');
14
+ require('@vidispine/vdt-videojs/dist/index.css');
14
15
  var jsxRuntime = require('react/jsx-runtime');
15
16
 
16
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,11 +24,6 @@ var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
23
24
  var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
24
25
  var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
25
26
 
26
- var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
27
-
28
- var css = ".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 {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n text-align: center;\n}\n\n@font-face {\n font-family: VideoJS;\n src: url(data:application/font-woff;charset=utf-8;base64,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) format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n content: \"\\f101\";\n}\n\n.vjs-icon-play-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-play-circle:before {\n content: \"\\f102\";\n}\n\n.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {\n content: \"\\f103\";\n}\n\n.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {\n content: \"\\f104\";\n}\n\n.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {\n content: \"\\f105\";\n}\n\n.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {\n content: \"\\f106\";\n}\n\n.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {\n content: \"\\f107\";\n}\n\n.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f108\";\n}\n\n.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {\n content: \"\\f109\";\n}\n\n.vjs-icon-square {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-square:before {\n content: \"\\f10a\";\n}\n\n.vjs-icon-spinner {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-spinner:before {\n content: \"\\f10b\";\n}\n\n.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {\n content: \"\\f10c\";\n}\n\n.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,\n.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {\n content: \"\\f10d\";\n}\n\n.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {\n content: \"\\f10e\";\n}\n\n.vjs-icon-share {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-share:before {\n content: \"\\f10f\";\n}\n\n.vjs-icon-cog {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cog:before {\n content: \"\\f110\";\n}\n\n.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.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 {\n content: \"\\f111\";\n}\n\n.vjs-icon-circle-outline {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-outline:before {\n content: \"\\f112\";\n}\n\n.vjs-icon-circle-inner-circle {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-circle-inner-circle:before {\n content: \"\\f113\";\n}\n\n.vjs-icon-hd {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-hd:before {\n content: \"\\f114\";\n}\n\n.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {\n content: \"\\f115\";\n}\n\n.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {\n content: \"\\f116\";\n}\n\n.vjs-icon-facebook {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-facebook:before {\n content: \"\\f117\";\n}\n\n.vjs-icon-gplus {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-gplus:before {\n content: \"\\f118\";\n}\n\n.vjs-icon-linkedin {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-linkedin:before {\n content: \"\\f119\";\n}\n\n.vjs-icon-twitter {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-twitter:before {\n content: \"\\f11a\";\n}\n\n.vjs-icon-tumblr {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-tumblr:before {\n content: \"\\f11b\";\n}\n\n.vjs-icon-pinterest {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-pinterest:before {\n content: \"\\f11c\";\n}\n\n.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {\n content: \"\\f11d\";\n}\n\n.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {\n content: \"\\f11e\";\n}\n\n.vjs-icon-next-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-next-item:before {\n content: \"\\f11f\";\n}\n\n.vjs-icon-previous-item {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-previous-item:before {\n content: \"\\f120\";\n}\n\n.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f121\";\n}\n\n.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {\n font-family: VideoJS;\n font-weight: normal;\n font-style: normal;\n}\n.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {\n content: \"\\f122\";\n}\n\n.video-js {\n display: block;\n vertical-align: top;\n box-sizing: border-box;\n color: #fff;\n background-color: #000;\n position: relative;\n padding: 0;\n font-size: 10px;\n line-height: 1;\n font-weight: normal;\n font-style: normal;\n font-family: Arial, Helvetica, sans-serif;\n word-break: initial;\n}\n.video-js:-moz-full-screen {\n position: absolute;\n}\n.video-js:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n}\n\n.video-js[tabindex=\"-1\"] {\n outline: none;\n}\n\n.video-js *,\n.video-js *:before,\n.video-js *:after {\n box-sizing: inherit;\n}\n\n.video-js ul {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n list-style-position: outside;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.video-js.vjs-fluid,\n.video-js.vjs-16-9,\n.video-js.vjs-4-3,\n.video-js.vjs-9-16,\n.video-js.vjs-1-1 {\n width: 100%;\n max-width: 100%;\n}\n\n.video-js.vjs-fluid:not(.vjs-audio-only-mode),\n.video-js.vjs-16-9:not(.vjs-audio-only-mode),\n.video-js.vjs-4-3:not(.vjs-audio-only-mode),\n.video-js.vjs-9-16:not(.vjs-audio-only-mode),\n.video-js.vjs-1-1:not(.vjs-audio-only-mode) {\n height: 0;\n}\n\n.video-js.vjs-16-9:not(.vjs-audio-only-mode) {\n padding-top: 56.25%;\n}\n\n.video-js.vjs-4-3:not(.vjs-audio-only-mode) {\n padding-top: 75%;\n}\n\n.video-js.vjs-9-16:not(.vjs-audio-only-mode) {\n padding-top: 177.7777777778%;\n}\n\n.video-js.vjs-1-1:not(.vjs-audio-only-mode) {\n padding-top: 100%;\n}\n\n.video-js.vjs-fill:not(.vjs-audio-only-mode) {\n width: 100%;\n height: 100%;\n}\n\n.video-js .vjs-tech {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.video-js.vjs-audio-only-mode .vjs-tech {\n display: none;\n}\n\nbody.vjs-full-window {\n padding: 0;\n margin: 0;\n height: 100%;\n}\n\n.vjs-full-window .video-js.vjs-fullscreen {\n position: fixed;\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n}\n\n.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {\n width: 100% !important;\n height: 100% !important;\n padding-top: 0 !important;\n}\n\n.video-js.vjs-fullscreen.vjs-user-inactive {\n cursor: none;\n}\n\n.vjs-hidden {\n display: none !important;\n}\n\n.vjs-disabled {\n opacity: 0.5;\n cursor: default;\n}\n\n.video-js .vjs-offscreen {\n height: 1px;\n left: -9999px;\n position: absolute;\n top: 0;\n width: 1px;\n}\n\n.vjs-lock-showing {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n}\n\n.vjs-no-js {\n padding: 20px;\n color: #fff;\n background-color: #000;\n font-size: 18px;\n font-family: Arial, Helvetica, sans-serif;\n text-align: center;\n width: 300px;\n height: 150px;\n margin: 0px auto;\n}\n\n.vjs-no-js a,\n.vjs-no-js a:visited {\n color: #66A8CC;\n}\n\n.video-js .vjs-big-play-button {\n font-size: 3em;\n line-height: 1.5em;\n height: 1.63332em;\n width: 3em;\n display: block;\n position: absolute;\n top: 10px;\n left: 10px;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n border: 0.06666em solid #fff;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n.vjs-big-play-centered .vjs-big-play-button {\n top: 50%;\n left: 50%;\n margin-top: -0.81666em;\n margin-left: -1.5em;\n}\n\n.video-js:hover .vjs-big-play-button,\n.video-js .vjs-big-play-button:focus {\n border-color: #fff;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n -webkit-transition: all 0s;\n -moz-transition: all 0s;\n -ms-transition: all 0s;\n -o-transition: all 0s;\n transition: all 0s;\n}\n\n.vjs-controls-disabled .vjs-big-play-button,\n.vjs-has-started .vjs-big-play-button,\n.vjs-using-native-controls .vjs-big-play-button,\n.vjs-error .vjs-big-play-button {\n display: none;\n}\n\n.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {\n display: block;\n}\n\n.video-js button {\n background: none;\n border: none;\n color: inherit;\n display: inline-block;\n font-size: inherit;\n line-height: inherit;\n text-transform: none;\n text-decoration: none;\n transition: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.vjs-control .vjs-button {\n width: 100%;\n height: 100%;\n}\n\n.video-js .vjs-control.vjs-close-button {\n cursor: pointer;\n height: 3em;\n position: absolute;\n right: 0;\n top: 0.5em;\n z-index: 2;\n}\n.video-js .vjs-modal-dialog {\n background: rgba(0, 0, 0, 0.8);\n background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));\n overflow: auto;\n}\n\n.video-js .vjs-modal-dialog > * {\n box-sizing: border-box;\n}\n\n.vjs-modal-dialog .vjs-modal-dialog-content {\n font-size: 1.2em;\n line-height: 1.5;\n padding: 20px 24px;\n z-index: 1;\n}\n\n.vjs-menu-button {\n cursor: pointer;\n}\n\n.vjs-menu-button.vjs-disabled {\n cursor: default;\n}\n\n.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {\n display: none;\n}\n\n.vjs-menu .vjs-menu-content {\n display: block;\n padding: 0;\n margin: 0;\n font-family: Arial, Helvetica, sans-serif;\n overflow: auto;\n}\n\n.vjs-menu .vjs-menu-content > * {\n box-sizing: border-box;\n}\n\n.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {\n display: none;\n}\n\n.vjs-menu li {\n list-style: none;\n margin: 0;\n padding: 0.2em 0;\n line-height: 1.4em;\n font-size: 1.2em;\n text-align: center;\n text-transform: lowercase;\n}\n\n.vjs-menu li.vjs-menu-item:focus,\n.vjs-menu li.vjs-menu-item:hover,\n.js-focus-visible .vjs-menu li.vjs-menu-item:hover {\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n\n.vjs-menu li.vjs-selected,\n.vjs-menu li.vjs-selected:focus,\n.vjs-menu li.vjs-selected:hover,\n.js-focus-visible .vjs-menu li.vjs-selected:hover {\n background-color: #fff;\n color: #2B333F;\n}\n\n.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),\n.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {\n background: none;\n}\n\n.vjs-menu li.vjs-menu-title {\n text-align: center;\n text-transform: uppercase;\n font-size: 1em;\n line-height: 2em;\n padding: 0;\n margin: 0 0 0.3em 0;\n font-weight: bold;\n cursor: default;\n}\n\n.vjs-menu-button-popup .vjs-menu {\n display: none;\n position: absolute;\n bottom: 0;\n width: 10em;\n left: -3em;\n height: 0em;\n margin-bottom: 1.5em;\n border-top-color: rgba(43, 51, 63, 0.7);\n}\n\n.vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n position: absolute;\n width: 100%;\n bottom: 1.5em;\n max-height: 15em;\n}\n\n.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 5em;\n}\n\n.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 10em;\n}\n\n.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 14em;\n}\n\n.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,\n.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n max-height: 25em;\n}\n\n.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,\n.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {\n display: block;\n}\n\n.video-js .vjs-menu-button-inline {\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n overflow: hidden;\n}\n\n.video-js .vjs-menu-button-inline:before {\n width: 2.222222222em;\n}\n\n.video-js .vjs-menu-button-inline:hover,\n.video-js .vjs-menu-button-inline:focus,\n.video-js .vjs-menu-button-inline.vjs-slider-active,\n.video-js.vjs-no-flex .vjs-menu-button-inline {\n width: 12em;\n}\n\n.vjs-menu-button-inline .vjs-menu {\n opacity: 0;\n height: 100%;\n width: auto;\n position: absolute;\n left: 4em;\n top: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -ms-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n}\n\n.vjs-menu-button-inline:hover .vjs-menu,\n.vjs-menu-button-inline:focus .vjs-menu,\n.vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n display: block;\n opacity: 1;\n}\n\n.vjs-no-flex .vjs-menu-button-inline .vjs-menu {\n display: block;\n opacity: 1;\n position: relative;\n width: auto;\n}\n\n.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,\n.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {\n width: auto;\n}\n\n.vjs-menu-button-inline .vjs-menu-content {\n width: auto;\n height: 100%;\n margin: 0;\n overflow: hidden;\n}\n\n.video-js .vjs-control-bar {\n display: none;\n width: 100%;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 3em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n\n.vjs-has-started .vjs-control-bar,\n.vjs-audio-only-mode .vjs-control-bar {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n visibility: visible;\n opacity: 1;\n -webkit-transition: visibility 0.1s, opacity 0.1s;\n -moz-transition: visibility 0.1s, opacity 0.1s;\n -ms-transition: visibility 0.1s, opacity 0.1s;\n -o-transition: visibility 0.1s, opacity 0.1s;\n transition: visibility 0.1s, opacity 0.1s;\n}\n\n.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n visibility: visible;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.vjs-controls-disabled .vjs-control-bar,\n.vjs-using-native-controls .vjs-control-bar,\n.vjs-error .vjs-control-bar {\n display: none !important;\n}\n\n.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,\n.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n\n.vjs-has-started.vjs-no-flex .vjs-control-bar {\n display: table;\n}\n\n.video-js .vjs-control {\n position: relative;\n text-align: center;\n margin: 0;\n padding: 0;\n height: 100%;\n width: 4em;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n\n.video-js .vjs-control.vjs-visible-text {\n width: auto;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.vjs-button > .vjs-icon-placeholder:before {\n font-size: 1.8em;\n line-height: 1.67;\n}\n\n.vjs-button > .vjs-icon-placeholder {\n display: block;\n}\n\n.video-js .vjs-control:focus:before,\n.video-js .vjs-control:hover:before,\n.video-js .vjs-control:focus {\n text-shadow: 0em 0em 1em white;\n}\n\n.video-js *:not(.vjs-visible-text) > .vjs-control-text {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.vjs-no-flex .vjs-control {\n display: table-cell;\n vertical-align: middle;\n}\n\n.video-js .vjs-custom-control-spacer {\n display: none;\n}\n\n.video-js .vjs-progress-control {\n cursor: pointer;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n min-width: 4em;\n touch-action: none;\n}\n\n.video-js .vjs-progress-control.disabled {\n cursor: default;\n}\n\n.vjs-live .vjs-progress-control {\n display: none;\n}\n\n.vjs-liveui .vjs-progress-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.vjs-no-flex .vjs-progress-control {\n width: auto;\n}\n\n.video-js .vjs-progress-holder {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -ms-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n height: 0.3em;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder {\n margin: 0 10px;\n}\n\n.video-js .vjs-progress-control:hover .vjs-progress-holder {\n font-size: 1.6666666667em;\n}\n\n.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {\n font-size: 1em;\n}\n\n.video-js .vjs-progress-holder .vjs-play-progress,\n.video-js .vjs-progress-holder .vjs-load-progress,\n.video-js .vjs-progress-holder .vjs-load-progress div {\n position: absolute;\n display: block;\n height: 100%;\n margin: 0;\n padding: 0;\n width: 0;\n}\n\n.video-js .vjs-play-progress {\n background-color: #fff;\n}\n.video-js .vjs-play-progress:before {\n font-size: 0.9em;\n position: absolute;\n right: -0.5em;\n top: -0.3333333333em;\n z-index: 1;\n}\n\n.video-js .vjs-load-progress {\n background: rgba(115, 133, 159, 0.5);\n}\n\n.video-js .vjs-load-progress div {\n background: rgba(115, 133, 159, 0.75);\n}\n\n.video-js .vjs-time-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n\n.video-js .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n\n.video-js .vjs-progress-control:hover .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: block;\n font-size: 0.6em;\n visibility: visible;\n}\n\n.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {\n font-size: 1em;\n}\n\n.video-js .vjs-progress-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 1px;\n height: 100%;\n background-color: #000;\n z-index: 1;\n}\n\n.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n z-index: 0;\n}\n\n.video-js .vjs-progress-control:hover .vjs-mouse-display {\n display: block;\n}\n\n.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {\n display: none;\n}\n\n.vjs-mouse-display .vjs-time-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n.video-js .vjs-slider {\n position: relative;\n cursor: pointer;\n padding: 0;\n margin: 0 0.45em 0 0.45em;\n /* iOS Safari */\n -webkit-touch-callout: none;\n /* Safari */\n -webkit-user-select: none;\n /* Konqueror HTML */\n -khtml-user-select: none;\n /* Firefox */\n -moz-user-select: none;\n /* Internet Explorer/Edge */\n -ms-user-select: none;\n /* Non-prefixed version, currently supported by Chrome and Opera */\n user-select: none;\n background-color: #73859f;\n background-color: rgba(115, 133, 159, 0.5);\n}\n\n.video-js .vjs-slider.disabled {\n cursor: default;\n}\n\n.video-js .vjs-slider:focus {\n text-shadow: 0em 0em 1em white;\n -webkit-box-shadow: 0 0 1em #fff;\n -moz-box-shadow: 0 0 1em #fff;\n box-shadow: 0 0 1em #fff;\n}\n\n.video-js .vjs-mute-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js .vjs-volume-control {\n cursor: pointer;\n margin-right: 1em;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.video-js .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control {\n visibility: visible;\n opacity: 0;\n width: 1px;\n height: 1px;\n margin-left: -1px;\n}\n\n.video-js .vjs-volume-panel {\n -webkit-transition: width 1s;\n -moz-transition: width 1s;\n -ms-transition: width 1s;\n -o-transition: width 1s;\n transition: width 1s;\n}\n.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 {\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;\n}\n.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 {\n width: 5em;\n height: 3em;\n margin-right: 0;\n}\n.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 {\n left: -3.5em;\n -webkit-transition: left 0s;\n -moz-transition: left 0s;\n -ms-transition: left 0s;\n -o-transition: left 0s;\n transition: left 0s;\n}\n.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 {\n width: 10em;\n -webkit-transition: width 0.1s;\n -moz-transition: width 0.1s;\n -ms-transition: width 0.1s;\n -o-transition: width 0.1s;\n transition: width 0.1s;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {\n width: 4em;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n height: 8em;\n width: 3em;\n left: -3000em;\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;\n}\n\n.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;\n}\n\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {\n width: 5em;\n height: 3em;\n visibility: visible;\n opacity: 1;\n position: relative;\n -webkit-transition: none;\n -moz-transition: none;\n -ms-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,\n.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {\n position: absolute;\n bottom: 3em;\n left: 0.5em;\n}\n\n.video-js .vjs-volume-panel {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n\n.video-js .vjs-volume-bar {\n margin: 1.35em 0.45em;\n}\n\n.vjs-volume-bar.vjs-slider-horizontal {\n width: 5em;\n height: 0.3em;\n}\n\n.vjs-volume-bar.vjs-slider-vertical {\n width: 0.3em;\n height: 5em;\n margin: 1.35em auto;\n}\n\n.video-js .vjs-volume-level {\n position: absolute;\n bottom: 0;\n left: 0;\n background-color: #fff;\n}\n.video-js .vjs-volume-level:before {\n position: absolute;\n font-size: 0.9em;\n z-index: 1;\n}\n\n.vjs-slider-vertical .vjs-volume-level {\n width: 0.3em;\n}\n.vjs-slider-vertical .vjs-volume-level:before {\n top: -0.5em;\n left: -0.3em;\n z-index: 1;\n}\n\n.vjs-slider-horizontal .vjs-volume-level {\n height: 0.3em;\n}\n.vjs-slider-horizontal .vjs-volume-level:before {\n top: -0.3em;\n right: -0.5em;\n}\n\n.video-js .vjs-volume-panel.vjs-volume-panel-vertical {\n width: 4em;\n}\n\n.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {\n height: 100%;\n}\n\n.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {\n width: 100%;\n}\n\n.video-js .vjs-volume-vertical {\n width: 3em;\n height: 8em;\n bottom: 8em;\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.7);\n}\n\n.video-js .vjs-volume-horizontal .vjs-menu {\n left: -2em;\n}\n\n.video-js .vjs-volume-tooltip {\n background-color: #fff;\n background-color: rgba(255, 255, 255, 0.8);\n -webkit-border-radius: 0.3em;\n -moz-border-radius: 0.3em;\n border-radius: 0.3em;\n color: #000;\n float: right;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 1em;\n padding: 6px 8px 8px 8px;\n pointer-events: none;\n position: absolute;\n top: -3.4em;\n visibility: hidden;\n z-index: 1;\n}\n\n.video-js .vjs-volume-control:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n display: block;\n font-size: 1em;\n visibility: visible;\n}\n\n.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,\n.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {\n left: 1em;\n top: -12px;\n}\n\n.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {\n font-size: 1em;\n}\n\n.video-js .vjs-volume-control .vjs-mouse-display {\n display: none;\n position: absolute;\n width: 100%;\n height: 1px;\n background-color: #000;\n z-index: 1;\n}\n\n.video-js .vjs-volume-horizontal .vjs-mouse-display {\n width: 1px;\n height: 100%;\n}\n\n.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n z-index: 0;\n}\n\n.video-js .vjs-volume-control:hover .vjs-mouse-display {\n display: block;\n}\n\n.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 1s, opacity 1s;\n -moz-transition: visibility 1s, opacity 1s;\n -ms-transition: visibility 1s, opacity 1s;\n -o-transition: visibility 1s, opacity 1s;\n transition: visibility 1s, opacity 1s;\n}\n\n.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {\n display: none;\n}\n\n.vjs-mouse-display .vjs-volume-tooltip {\n color: #fff;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n.vjs-poster {\n display: inline-block;\n vertical-align: middle;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n background-color: #000000;\n cursor: pointer;\n margin: 0;\n padding: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n}\n\n.vjs-has-started .vjs-poster,\n.vjs-using-native-controls .vjs-poster {\n display: none;\n}\n\n.vjs-audio.vjs-has-started .vjs-poster,\n.vjs-has-started.vjs-audio-poster-mode .vjs-poster {\n display: block;\n}\n\n.video-js .vjs-live-control {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: flex-start;\n -webkit-align-items: flex-start;\n -ms-flex-align: flex-start;\n align-items: flex-start;\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n font-size: 1em;\n line-height: 3em;\n}\n\n.vjs-no-flex .vjs-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n\n.video-js:not(.vjs-live) .vjs-live-control,\n.video-js.vjs-liveui .vjs-live-control {\n display: none;\n}\n\n.video-js .vjs-seek-to-live-control {\n align-items: center;\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n display: inline-flex;\n height: 100%;\n padding-left: 0.5em;\n padding-right: 0.5em;\n font-size: 1em;\n line-height: 3em;\n width: auto;\n min-width: 4em;\n}\n\n.vjs-no-flex .vjs-seek-to-live-control {\n display: table-cell;\n width: auto;\n text-align: left;\n}\n\n.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,\n.video-js:not(.vjs-live) .vjs-seek-to-live-control {\n display: none;\n}\n\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {\n cursor: auto;\n}\n\n.vjs-seek-to-live-control .vjs-icon-placeholder {\n margin-right: 0.5em;\n color: #888;\n}\n\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {\n color: red;\n}\n\n.video-js .vjs-time-control {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n font-size: 1em;\n line-height: 3em;\n min-width: 2em;\n width: auto;\n padding-left: 1em;\n padding-right: 1em;\n}\n\n.vjs-live .vjs-time-control {\n display: none;\n}\n\n.video-js .vjs-current-time,\n.vjs-no-flex .vjs-current-time {\n display: none;\n}\n\n.video-js .vjs-duration,\n.vjs-no-flex .vjs-duration {\n display: none;\n}\n\n.vjs-time-divider {\n display: none;\n line-height: 3em;\n}\n\n.vjs-live .vjs-time-divider {\n display: none;\n}\n\n.video-js .vjs-play-control {\n cursor: pointer;\n}\n\n.video-js .vjs-play-control .vjs-icon-placeholder {\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n\n.vjs-text-track-display {\n position: absolute;\n bottom: 3em;\n left: 0;\n right: 0;\n top: 0;\n pointer-events: none;\n}\n\n.video-js.vjs-controls-disabled .vjs-text-track-display,\n.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 1em;\n}\n\n.video-js .vjs-text-track {\n font-size: 1.4em;\n text-align: center;\n margin-bottom: 0.1em;\n}\n\n.vjs-subtitles {\n color: #fff;\n}\n\n.vjs-captions {\n color: #fc6;\n}\n\n.vjs-tt-cue {\n display: block;\n}\n\nvideo::-webkit-media-text-track-display {\n -moz-transform: translateY(-3em);\n -ms-transform: translateY(-3em);\n -o-transform: translateY(-3em);\n -webkit-transform: translateY(-3em);\n transform: translateY(-3em);\n}\n\n.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,\n.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {\n -moz-transform: translateY(-1.5em);\n -ms-transform: translateY(-1.5em);\n -o-transform: translateY(-1.5em);\n -webkit-transform: translateY(-1.5em);\n transform: translateY(-1.5em);\n}\n\n.video-js .vjs-picture-in-picture-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {\n display: none;\n}\n\n.video-js .vjs-fullscreen-control {\n cursor: pointer;\n -webkit-box-flex: none;\n -moz-box-flex: none;\n -webkit-flex: none;\n -ms-flex: none;\n flex: none;\n}\n.video-js.vjs-audio-only-mode .vjs-fullscreen-control {\n display: none;\n}\n\n.vjs-playback-rate > .vjs-menu-button,\n.vjs-playback-rate .vjs-playback-rate-value {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.vjs-playback-rate .vjs-playback-rate-value {\n pointer-events: none;\n font-size: 1.5em;\n line-height: 2;\n text-align: center;\n}\n\n.vjs-playback-rate .vjs-menu {\n width: 4em;\n left: 0em;\n}\n\n.vjs-error .vjs-error-display .vjs-modal-dialog-content {\n font-size: 1.4em;\n text-align: center;\n}\n\n.vjs-error .vjs-error-display:before {\n color: #fff;\n content: \"X\";\n font-family: Arial, Helvetica, sans-serif;\n font-size: 4em;\n left: 0;\n line-height: 1;\n margin-top: -0.5em;\n position: absolute;\n text-shadow: 0.05em 0.05em 0.1em #000;\n text-align: center;\n top: 50%;\n vertical-align: middle;\n width: 100%;\n}\n\n.vjs-loading-spinner {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -25px 0 0 -25px;\n opacity: 0.85;\n text-align: left;\n border: 6px solid rgba(43, 51, 63, 0.7);\n box-sizing: border-box;\n background-clip: padding-box;\n width: 50px;\n height: 50px;\n border-radius: 25px;\n visibility: hidden;\n}\n\n.vjs-seeking .vjs-loading-spinner,\n.vjs-waiting .vjs-loading-spinner {\n display: block;\n animation: vjs-spinner-show 0s linear 0.3s forwards;\n}\n\n.vjs-loading-spinner:before,\n.vjs-loading-spinner:after {\n content: \"\";\n position: absolute;\n margin: -6px;\n box-sizing: inherit;\n width: inherit;\n height: inherit;\n border-radius: inherit;\n opacity: 1;\n border: inherit;\n border-color: transparent;\n border-top-color: white;\n}\n\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:after {\n -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;\n}\n\n.vjs-seeking .vjs-loading-spinner:before,\n.vjs-waiting .vjs-loading-spinner:before {\n border-top-color: rgb(255, 255, 255);\n}\n\n.vjs-seeking .vjs-loading-spinner:after,\n.vjs-waiting .vjs-loading-spinner:after {\n border-top-color: rgb(255, 255, 255);\n -webkit-animation-delay: 0.44s;\n animation-delay: 0.44s;\n}\n\n@keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@-webkit-keyframes vjs-spinner-show {\n to {\n visibility: visible;\n }\n}\n@keyframes vjs-spinner-spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes vjs-spinner-spin {\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n@-webkit-keyframes vjs-spinner-fade {\n 0% {\n border-top-color: #73859f;\n }\n 20% {\n border-top-color: #73859f;\n }\n 35% {\n border-top-color: white;\n }\n 60% {\n border-top-color: #73859f;\n }\n 100% {\n border-top-color: #73859f;\n }\n}\n.video-js.vjs-audio-only-mode .vjs-captions-button {\n display: none;\n}\n\n.vjs-chapters-button .vjs-menu ul {\n width: 24em;\n}\n\n.video-js.vjs-audio-only-mode .vjs-descriptions-button {\n display: none;\n}\n\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n\n.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \"\\f10d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n\n.video-js.vjs-audio-only-mode .vjs-subs-caps-button {\n display: none;\n}\n\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {\n vertical-align: middle;\n display: inline-block;\n margin-bottom: -0.1em;\n}\n\n.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {\n font-family: VideoJS;\n content: \" \\f11d\";\n font-size: 1.5em;\n line-height: inherit;\n}\n\n.video-js.vjs-layout-small .vjs-current-time,\n.video-js.vjs-layout-small .vjs-time-divider,\n.video-js.vjs-layout-small .vjs-duration,\n.video-js.vjs-layout-small .vjs-remaining-time,\n.video-js.vjs-layout-small .vjs-playback-rate,\n.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,\n.video-js.vjs-layout-x-small .vjs-time-divider,\n.video-js.vjs-layout-x-small .vjs-duration,\n.video-js.vjs-layout-x-small .vjs-remaining-time,\n.video-js.vjs-layout-x-small .vjs-playback-rate,\n.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,\n.video-js.vjs-layout-tiny .vjs-time-divider,\n.video-js.vjs-layout-tiny .vjs-duration,\n.video-js.vjs-layout-tiny .vjs-remaining-time,\n.video-js.vjs-layout-tiny .vjs-playback-rate,\n.video-js.vjs-layout-tiny .vjs-volume-control {\n display: none;\n}\n.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 {\n width: auto;\n width: initial;\n}\n.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {\n display: none;\n}\n.video-js.vjs-layout-x-small .vjs-custom-control-spacer {\n -webkit-box-flex: auto;\n -moz-box-flex: auto;\n -webkit-flex: auto;\n -ms-flex: auto;\n flex: auto;\n display: block;\n}\n.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {\n width: auto;\n}\n\n.vjs-modal-dialog.vjs-text-track-settings {\n background-color: #2B333F;\n background-color: rgba(43, 51, 63, 0.75);\n color: #fff;\n height: 70%;\n}\n\n.vjs-text-track-settings .vjs-modal-dialog-content {\n display: table;\n}\n\n.vjs-text-track-settings .vjs-track-settings-colors,\n.vjs-text-track-settings .vjs-track-settings-font,\n.vjs-text-track-settings .vjs-track-settings-controls {\n display: table-cell;\n}\n\n.vjs-text-track-settings .vjs-track-settings-controls {\n text-align: right;\n vertical-align: bottom;\n}\n\n@supports (display: grid) {\n .vjs-text-track-settings .vjs-modal-dialog-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr;\n padding: 20px 24px 0px 24px;\n }\n .vjs-track-settings-controls .vjs-default-button {\n margin-bottom: 20px;\n }\n .vjs-text-track-settings .vjs-track-settings-controls {\n grid-column: 1/-1;\n }\n .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,\n.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {\n grid-template-columns: 1fr;\n }\n}\n.vjs-track-setting > select {\n margin-right: 1em;\n margin-bottom: 0.5em;\n}\n\n.vjs-text-track-settings fieldset {\n margin: 5px;\n padding: 3px;\n border: none;\n}\n\n.vjs-text-track-settings fieldset span {\n display: inline-block;\n}\n\n.vjs-text-track-settings fieldset span > select {\n max-width: 7.3em;\n}\n\n.vjs-text-track-settings legend {\n color: #fff;\n margin: 0 0 5px 0;\n}\n\n.vjs-text-track-settings .vjs-label {\n position: absolute;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n display: block;\n margin: 0 0 5px 0;\n padding: 0;\n border: 0;\n height: 1px;\n width: 1px;\n overflow: hidden;\n}\n\n.vjs-track-settings-controls button:focus,\n.vjs-track-settings-controls button:active {\n outline-style: solid;\n outline-width: medium;\n background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);\n}\n\n.vjs-track-settings-controls button:hover {\n color: rgba(43, 51, 63, 0.75);\n}\n\n.vjs-track-settings-controls button {\n background-color: #fff;\n background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);\n color: #2B333F;\n cursor: pointer;\n border-radius: 2px;\n}\n\n.vjs-track-settings-controls .vjs-default-button {\n margin-right: 1em;\n}\n\n@media print {\n .video-js > *:not(.vjs-tech):not(.vjs-poster) {\n visibility: hidden;\n }\n}\n.vjs-resize-manager {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n z-index: -1000;\n}\n\n.js-focus-visible .video-js *:focus:not(.focus-visible) {\n outline: none;\n}\n\n.video-js *:focus:not(:focus-visible) {\n outline: none;\n}\n\ntextarea, select, input, button, video {\n outline: none;\n}\n\nbutton:focus, .video-js .vjs-menu-item {\n outline: initial;\n}\n\n.video-js {\n max-width: 100%;\n overflow: hidden;\n}\n.video-js.init {\n height: 0px !important;\n display: none;\n}\n.video-js video {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n display: block;\n}\n.video-js .vjs-poster {\n background-size: cover;\n}\n.video-js .vjs-control-bar {\n height: 50px;\n padding-top: 6px;\n display: flex;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+15,0.3+100 */\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00000000\", endColorstr=\"#4d000000\",GradientType=0 ); /* IE6-9 */\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n z-index: 2;\n}\n.video-js .vjs-control-bar .vdt-seekbar-wrapper {\n top: 0px;\n left: 0px;\n height: 10px;\n width: 100%;\n position: absolute;\n margin: 0 auto;\n}\n.video-js .vjs-big-play-button {\n font-size: 90px;\n border: 0px;\n background-color: transparent;\n text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);\n z-index: 2;\n}\n.video-js .vjs-big-play-button .vjs-icon-placeholder:before {\n padding-top: 5px;\n}\n.video-js:hover .vjs-big-play-button,\n.video-js:hover .vjs-big-play-button:focus {\n background-color: transparent;\n}\n.video-js .vjs-progress-control {\n top: 0px;\n left: 0px;\n position: absolute;\n display: block;\n width: 100%;\n height: 10px;\n}\n.video-js .vjs-progress-control .vjs-load-progress {\n background: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {\n display: none;\n}\n.video-js .vjs-time-control.duration, .video-js .vjs-time-control.vjs-duration {\n margin-right: auto;\n}\n.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vdt-screenshot-button .vjs-icon-placeholder {\n opacity: 0.6;\n}\n.video-js.has-vdt-menu .vjs-subs-caps-button {\n display: none;\n}\n.video-js.subtitles-active .vjs-subs-caps-button .vjs-icon-placeholder {\n opacity: 1;\n}\n.video-js .vjs-control {\n font-size: 14px;\n}\n.video-js .vjs-play-progress.vjs-slider-bar {\n background-color: #f00;\n}\n.video-js .vjs-current-time,\n.video-js .vjs-time-control,\n.video-js .vjs-no-flex .vjs-current-time {\n display: block;\n}\n.video-js .vjs-time-control {\n font-size: 14px;\n padding: 0px;\n min-width: 14px;\n text-align: center;\n}\n.video-js .vjs-volume-panel {\n width: 3em;\n}\n.video-js .vjs-volume-panel .vjs-mute-control {\n width: 3em;\n}\n.video-js .vjs-menu-button-popup .vjs-menu {\n bottom: 20px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: rgba(28, 28, 28, 0.9);\n border-radius: 7px;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected) {\n background-color: transparent;\n}\n.video-js .vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item-text {\n color: white;\n}\n.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected .vjs-menu-item-text {\n color: #333;\n}\n.video-js .vdt-player-osd {\n pointer-events: none;\n position: absolute;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n opacity: 0;\n z-index: 4;\n -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 0px, 0px) scale3d(0.5, 0.5, 0.5);\n transition: 200ms ease-out all;\n}\n.video-js .vdt-player-osd.active {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n}\n.video-js .vdt-player-osd table {\n width: 100%;\n height: 100%;\n}\n.video-js .vdt-player-osd table td {\n vertical-align: middle;\n text-align: center;\n}\n.video-js .vdt-player-osd table td .osd-feedback-icon:before {\n font-family: VideoJS;\n content: \"\\f101\";\n font-size: 50px;\n padding: 15px;\n display: inline-block;\n height: 80px;\n width: 80px;\n text-align: center;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 100%;\n}\n.video-js .vdt-player-osd table td .pause:before {\n content: \"\\f103\";\n}\n.video-js .vdt-player-osd table td .volchange.high:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .volchange.mid:before {\n content: \"\\f106\";\n}\n.video-js .vdt-player-osd table td .volchange.low:before {\n content: \"\\f105\";\n}\n.video-js .vdt-player-osd table td .mute:before, .video-js .vdt-player-osd table td .volchange.null:before {\n content: \"\\f104\";\n}\n.video-js .vdt-player-osd table td .unmute:before {\n content: \"\\f107\";\n}\n.video-js .vdt-player-osd table td .forward-jump:before, .video-js .vdt-player-osd table td .backward-jump:before {\n content: \"\\f101\\f101\";\n letter-spacing: -38px;\n padding-left: 0px;\n padding-right: 34px;\n}\n.video-js .vdt-player-osd table td .backward-jump:before {\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n}\n@keyframes vjs-spinner-fade {\n 0% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n 35% {\n border-top-color: white;\n }\n 100% {\n border-top-color: rgba(255, 255, 255, 0.6);\n }\n}\n.video-js .vjs-loading-spinner {\n margin: -40px 0 0 -40px;\n opacity: 0.85;\n border: 5px solid rgba(255, 255, 255, 0.7);\n width: 80px;\n height: 80px;\n border-radius: 100px;\n z-index: 5;\n}\n.video-js .vjs-loading-spinner:after, .video-js .vjs-loading-spinner:before {\n margin: -5px;\n}\n.video-js .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {\n bottom: 0px;\n transition: transform 300ms ease-out;\n -webkit-transform: translate3d(0px, 0px, 0px);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n.video-js .vjs-text-track-display > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display > div {\n display: table;\n width: 100%;\n height: 100%;\n margin: 0px !important;\n}\n.video-js .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue {\n width: 100% !important;\n bottom: 0px !important;\n top: initial !important;\n left: initial !important;\n right: initial !important;\n font-size: 18px !important;\n height: auto !important;\n padding-bottom: 1.5%;\n display: table-cell;\n}\n.video-js .vjs-text-track-display .vjs-text-track-cue > div, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display .vjs-text-track-cue > div {\n padding: 2px 4px 2px 4px;\n line-height: 1.25;\n border-radius: 2px;\n}\n.video-js.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue, .video-js.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-text-track-display .vjs-text-track-cue {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n font-size: 24px !important;\n}\n.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-fullscreen) .vjs-control-bar, .video-jsdiv .vjs-control-bar, .video-js.vjs-controls-enabled.vjs-user-active .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {\n opacity: 1;\n}\n.video-js.vjs-has-started.vjs-user-inactive.vjs-playing:not(.controls-below-player) .vjs-control-bar, .video-js:not(.controls-below-player) .vjs-control-bar {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translate3d(0px, 50px, 0px);\n transition: transform 300ms ease-in-out;\n}\n.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player) .vjs-control-bar, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player) .vjs-control-bar {\n transform: translate3d(0px, 0px, 0px);\n -webkit-transform: translate3d(0px, 0px, 0px);\n}\n.video-js.vjs-controls-enabled.vjs-user-active:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display, .video-js.vjs-has-started.vjs-user-inactive.vjs-paused:not(.controls-below-player):not(.vjs-controls-disabled) .vjs-text-track-display {\n transform: translate3d(0px, -50px, 0px);\n}\n.video-js .vdt-timecode {\n display: inline;\n font-family: \"monospace\", sans-serif;\n margin-left: 20px;\n}\n.video-js .vdt-timecode input, .video-js .vdt-timecode span {\n font-size: 16px;\n}\n.video-js .vdt-timecode span {\n text-align: center;\n display: inline-block;\n}\n.video-js .vdt-timecode input {\n display: inline-block;\n width: auto;\n border: 0px;\n background: transparent;\n color: inherit;\n width: 21px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode {\n flex-grow: 3;\n }\n}\n.video-js .vdt-timecode.duration {\n margin-left: 0px;\n margin-right: auto;\n}\n.video-js .vdt-timecode.duration span {\n cursor: default;\n}\n.video-js .vdt-timecode.duration:before {\n content: \"/\";\n display: inline-block;\n margin: 0px 5px;\n font-size: 16px;\n}\n@media all and (max-width: 640px) {\n .video-js .vdt-timecode.duration {\n display: none;\n }\n}\n.video-js .vdt-cinema-button,\n.video-js .vdt-settings-menu-button,\n.video-js .vdt-screenshot-button {\n cursor: pointer;\n}\n.video-js .vdt-cinema-button:after,\n.video-js .vdt-settings-menu-button:after,\n.video-js .vdt-screenshot-button:after {\n content: \"\\f10b\";\n font-family: VideoJS;\n font-size: 22px;\n}\n.video-js .vdt-cinema-button:active, .video-js .vdt-cinema-button:focus,\n.video-js .vdt-settings-menu-button:active,\n.video-js .vdt-settings-menu-button:focus,\n.video-js .vdt-screenshot-button:active,\n.video-js .vdt-screenshot-button:focus {\n opacity: 0.6;\n}\n.video-js .vdt-cinema-button:after {\n content: \"\\f10a\";\n}\n.video-js .vdt-settings-menu-button:after {\n content: \"\\f110\";\n}\n.video-js .vdt-waveform-visual, .video-js .vdt-help-overlay {\n position: absolute;\n top: 0px;\n left: 0px;\n background: #888;\n height: 100%;\n width: 100%;\n display: none;\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#88bfe8+0,71a1c4+100 */\n background: rgb(136, 191, 232); /* Old browsers */\n background: -moz-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#88bfe8\", endColorstr=\"#71a1c4\",GradientType=0 ); /* IE6-9 */\n}\n.video-js .vdt-waveform-visual canvas, .video-js .vdt-help-overlay canvas {\n height: 100%;\n width: 100%;\n}\n.video-js.vjs-has-started .vdt-waveform-visual {\n display: block;\n}\n.video-js .vdt-help-overlay {\n font-size: 15px;\n background: transparent;\n z-index: 2;\n transition: opacity 1s ease-in-out;\n opacity: 0;\n padding-bottom: 12px;\n}\n.video-js .vdt-help-overlay > table {\n height: 100%;\n margin: 0 auto;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table {\n border-radius: 7px;\n max-height: 400px;\n -webkit-backdrop-filter: blur(10px);\n background: rgba(0, 0, 0, 0.6);\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td {\n padding: 6px 6px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2), .video-js .vdt-help-overlay > table td.vdt-help-contents table td td:nth-child(4) {\n padding: 4px 9px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(2) {\n padding-right: 32px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child div, .video-js .vdt-help-overlay > table td.vdt-help-contents table td:nth-child(3) div {\n text-align: center;\n padding: 3px;\n border: 1px solid white;\n border-radius: 2px;\n background: rgba(255, 255, 255, 0.1);\n font-size: 13px;\n min-width: 21px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:first-child {\n padding-left: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table td:last-child {\n padding-right: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:first-child td {\n padding-top: 16px;\n}\n.video-js .vdt-help-overlay > table td.vdt-help-contents table tr:last-child td {\n padding-bottom: 16px;\n}\n.video-js .vdt-help-overlay > table td {\n vertical-align: middle;\n}\n.video-js .vdt-help-overlay.active {\n display: block;\n opacity: 1;\n}\n.video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-text-track-display, .video-js.controls-below-player:not(.vjs-controls-disabled).vjs-fullscreen .vjs-text-track-display {\n bottom: 60px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) {\n overflow: visible;\n width: auto;\n height: auto;\n background-color: transparent;\n margin-bottom: 70px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) video {\n position: relative;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar {\n transform: translate3d(0px, 60px, 0px);\n transition: all 300ms ease-in-out;\n background: transparent;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #333;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vjs-button:not(.vjs-menu-item-text), .video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled).on-dark .vjs-control-bar .vdt-timecode:not(.vjs-menu-item-text) {\n color: #efefef;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-progress-holder {\n margin: 0 auto;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-menu {\n bottom: 35px;\n}\n.video-js.controls-below-player:not(.vjs-fullscreen):not(.vjs-controls-disabled) .vjs-poster {\n height: initial;\n}\n.video-js .vjs-play-progress:before,\n.video-js .vjs-remaining-time,\n.video-js .vjs-picture-in-picture-control,\n.video-js .vjs-progress-control:hover .vjs-time-tooltips,\n.video-js .vjs-play-progress .vjs-time-tooltip,\n.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {\n display: none;\n}\n\n";
29
- n(css,{});
30
-
31
27
  var _excluded = ["setPlayer"],
32
28
  _excluded2 = ["setPlayer"];
33
29
 
@@ -301,7 +297,7 @@ var VideoTimeCode = /*#__PURE__*/function (_Component) {
301
297
  };
302
298
 
303
299
  return /*#__PURE__*/jsxRuntime.jsx("div", {
304
- styles: styles,
300
+ style: styles,
305
301
  className: className,
306
302
  ref: ref
307
303
  });
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport './VideoPlayer.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div styles={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_inherits","_createSuper","_classCallCheck","_createClass","props","setPlayer","playerProps","_objectWithoutProperties","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\n\nimport '@vidispine/vdt-videojs/dist/index.css';\n\nexport class VideoPlayer extends Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) {\n setPlayer(this.player);\n }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) {\n setPlayer(this.player);\n }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else {\n // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div\n ref={(node) => {\n this.videoNode = node;\n }}\n />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport { Component } from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.controlsNode = node;\n }}\n />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import { Component } from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends Component {\n componentDidMount() {\n const { player, bgColor, fillColor, markersEnabled, regions, onRegionClick } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div\n ref={(node) => {\n this.seekBarNode = node;\n }}\n />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n\nexport default VideoSeekBar;\n","import { Component } from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: player.current.player,\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => {\n this.timecodeNode = node;\n };\n return <div style={styles} className={className} ref={ref} />;\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","_inherits","_createSuper","_classCallCheck","_createClass","props","setPlayer","playerProps","_objectWithoutProperties","player","Player","_objectSpread","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","_jsx","node","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
package/package.json CHANGED
@@ -1,8 +1,7 @@
1
1
  {
2
2
  "name": "@vidispine/vdt-videojs-react",
3
- "version": "22.3.0",
3
+ "version": "22.3.1-pre.1",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
- "private": false,
6
5
  "publishConfig": {
7
6
  "access": "public"
8
7
  },
@@ -19,40 +18,44 @@
19
18
  "dist"
20
19
  ],
21
20
  "scripts": {
22
- "build": "rm -rf dist/* && rollup -c",
23
- "build:watch": "rm -rf dist/* && rollup -c -w --environment DEVELOPMENT",
24
- "lint": "eslint \"./{src/**/*,*}.{js,jsx,md,mdx}\"",
25
- "lint:fix": "yarn lint --fix"
21
+ "build": "rimraf dist && rollup -c",
22
+ "build:watch": "yarn build -w --environment DEVELOPMENT",
23
+ "lint": "eslint . --ext js,md,mdx"
26
24
  },
27
25
  "dependencies": {
28
26
  "@babel/runtime": "^7.18.9",
29
- "@vidispine/vdt-videojs": "22.3.0"
27
+ "@vidispine/vdt-videojs": "22.3.1-pre.1"
30
28
  },
31
29
  "peerDependencies": {
32
30
  "react": "^17.0.0"
33
31
  },
34
32
  "devDependencies": {
35
- "@babel/core": "^7.18.10",
36
- "@babel/plugin-external-helpers": "^7.18.6",
37
- "@babel/plugin-transform-runtime": "^7.18.10",
38
- "@babel/preset-env": "^7.18.10",
39
- "@babel/preset-react": "^7.18.6",
40
- "@rollup/plugin-babel": "^5.3.1",
41
- "@rollup/plugin-commonjs": "^21.1.0",
42
- "@rollup/plugin-json": "^4.1.0",
43
- "@rollup/plugin-node-resolve": "^13.3.0",
44
- "@vidispine/eslint-config-react": "22.3.0",
45
- "@vidispine/eslint-config-storybook": "22.3.0",
46
- "@vidispine/vdt-storybook": "22.3.0",
47
- "rollup": "^2.78.0",
48
- "rollup-plugin-peer-deps-external": "^2.2.4",
49
- "rollup-plugin-styles": "^4.0.0"
33
+ "@babel/core": "7.19.1",
34
+ "@babel/plugin-external-helpers": "7.18.6",
35
+ "@babel/plugin-transform-runtime": "7.19.1",
36
+ "@babel/preset-env": "7.19.1",
37
+ "@babel/preset-react": "7.18.6",
38
+ "@rollup/plugin-babel": "5.3.1",
39
+ "@rollup/plugin-commonjs": "21.1.0",
40
+ "@rollup/plugin-json": "4.1.0",
41
+ "@rollup/plugin-node-resolve": "13.3.0",
42
+ "@vidispine/eslint-config-mdx": "22.3.1-pre.1",
43
+ "@vidispine/eslint-config-react": "22.3.1-pre.1",
44
+ "@vidispine/eslint-config-storybook": "22.3.1-pre.1",
45
+ "@vidispine/prettier-config": "22.3.1-pre.1",
46
+ "@vidispine/vdt-storybook": "22.3.1-pre.1",
47
+ "eslint": "8.23.1",
48
+ "prettier": "2.7.1",
49
+ "rimraf": "3.0.2",
50
+ "rollup": "2.79.0",
51
+ "rollup-plugin-styles": "4.0.0"
50
52
  },
51
53
  "eslintConfig": {
52
54
  "extends": [
53
55
  "@vidispine/eslint-config-react",
56
+ "@vidispine/eslint-config-mdx",
54
57
  "@vidispine/eslint-config-storybook"
55
58
  ]
56
59
  },
57
- "gitHead": "bf53eaf85f596bc3cc70b490d18dbf3c59045350"
58
- }
60
+ "prettier": "@vidispine/prettier-config"
61
+ }