From 87d9e82d6630afafd632f3a5fdfc02a659ac3b8e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=91=D0=BE=D0=B3=D0=B4=D0=B0=D0=BD=D0=BE=D0=B2=20=D0=A1?= =?UTF-8?q?=D0=B5=D1=80=D0=B3=D0=B5=D0=B9?= Date: Tue, 9 Jan 2024 20:07:26 +0000 Subject: [PATCH 1/3] Unix-style line endings --- frontend/packages/vjs-plugin/src/styles.scss | 4196 +++++++++--------- 1 file changed, 2098 insertions(+), 2098 deletions(-) diff --git a/frontend/packages/vjs-plugin/src/styles.scss b/frontend/packages/vjs-plugin/src/styles.scss index e82c32b0a..f0840c19c 100755 --- a/frontend/packages/vjs-plugin/src/styles.scss +++ b/frontend/packages/vjs-plugin/src/styles.scss @@ -1,2098 +1,2098 @@ -@import '../node_modules/compass-mixins/lib/compass/support'; -@import '../node_modules/compass-mixins/lib/compass/css3'; - -@mixin multiline_texts_excerpt($font-size: 1em, $line-height: 1.15, $lines-to-show: 2, $bg-color: transparent) { - line-height: $line-height; - overflow: hidden; - text-overflow: ellipsis; - background-color: $bg-color; - - /* Fallback for non-webkit */ - display: block; - max-height: $lines-to-show * $line-height; - - /* Only for non-webkit */ - display: -webkit-box; - -webkit-line-clamp: $lines-to-show; - -webkit-box-orient: vertical; - white-space: normal; - - // @note: Probably doesn't need. - /*@-moz-document url-prefix() { - - position: relative; - padding-right: $font-size * 1.1; - overflow: hidden; - - &:before { - background-color: $bg-color; - bottom: 0; - position: absolute; - right: 0; - float: right; - text-align:right; - content: '\2026'; - width: $font-size * 1.1; - } - - &:after { - content: ''; - position: absolute; - height: 100%; - width: 100%; - z-index: +1; - background: $bg-color; - } - }*/ -} - -$theme-color: #009933; - -/* BIG PLAY BUTTON */ - -$big-play-button: true; -$center-big-play-button: true; - -$big-play-width: 2.65em; -$big-play-height: $big-play-width * (9/16); -$big-play-radius: 0.15em; -$big-play-font-size: 2.5em; - -/* COLORS */ - -/* @note: Keep in colors 6-digits hex format. */ - -$primary-foreground-color: #ffffff; -$primary-background-color: #000000; - -/* FONT SIZE */ - -$default-font-size: 13px; -$default-fullscreen-font-size: 16px; - -/* DIMENSIONS */ - -$control-bar-height: 36px; - -$progress-bar-height: 30px; - -$control-bar-button-min-width: $control-bar-height; - -$control-bar-fullscreen-height: 52px; -$volume-horizontal-slider-height: 3px; -$volume-horizontal-slider-fullscreen-height: 5px; - -/* SPACES */ - -$control-bar-horizontal-space: 12px; - -$corner-layer-edge-space: $control-bar-horizontal-space; - -/* ANIMATIONS */ - -$vjs-actions-anim-width: 7.375em; - -$fullscreenToggleAnimationDuration: 0.4s; - -$controlBarAnimationsDuration: 0.1s; - -/* FUNCTIONS */ - -/*@function calc_($expression) { - @return $expression; -}*/ - -/* ANIMATION KEYFRAMES */ - -@keyframes onHoverFullscreenToggle { - 50% { - font-size: $default-font-size + 1px; - margin-top: -1px; - } - - 100% { - font-size: $default-font-size; - margin-top: 0; - } -} - -@-webkit-keyframes onHoverFullscreenToggle { - 50% { - font-size: $default-font-size + 1px; - margin-top: -1px; - } - - 100% { - font-size: $default-font-size; - margin-top: 0; - } -} - -@keyframes onFullscreenHoverFullscreenToggle { - 50% { - font-size: $default-fullscreen-font-size - 1px; - margin-top: 1px; - } - - 100% { - font-size: $default-fullscreen-font-size; - margin-top: 0; - } -} - -@-webkit-keyframes onFullscreenHoverFullscreenToggle { - 50% { - font-size: $default-fullscreen-font-size - 1px; - margin-top: 1px; - } - - 100% { - font-size: $default-fullscreen-font-size; - margin-top: 0; - } -} - -@keyframes onDisplayingActionAnimation { - 0% { - transform: scale(0.5); - } - - 10% { - opacity: 1; - } - - 100% { - opacity: 0; - transform: scale(1.05); - } -} - -@-webkit-keyframes onDisplayingActionAnimation { - 0% { - transform: scale(0.5); - } - - 10% { - opacity: 1; - } - - 100% { - opacity: 0; - transform: scale(1.05); - } -} - -@-webkit-keyframes spinner-linear-spin { - to { - -webkit-transform: rotate(360deg); - } -} - -@keyframes spinner-linear-spin { - to { - transform: rotate(360deg); - } -} - -@-webkit-keyframes spinner-ease-spin { - 12.5% { - -webkit-transform: rotate(135deg); - } - - 25% { - -webkit-transform: rotate(270deg); - } - - 37.5% { - -webkit-transform: rotate(405deg); - } - - 50% { - -webkit-transform: rotate(540deg); - } - - 62.5% { - -webkit-transform: rotate(675deg); - } - - 75% { - -webkit-transform: rotate(810deg); - } - - 87.5% { - -webkit-transform: rotate(945deg); - } - - to { - -webkit-transform: rotate(1080deg); - } -} - -@keyframes spinner-ease-spin { - 12.5% { - transform: rotate(135deg); - } - - 25% { - transform: rotate(270deg); - } - - 37.5% { - transform: rotate(405deg); - } - - 50% { - transform: rotate(540deg); - } - - 62.5% { - transform: rotate(675deg); - } - - 75% { - transform: rotate(810deg); - } - - 87.5% { - transform: rotate(945deg); - } - - to { - transform: rotate(1080deg); - } -} - -@-webkit-keyframes spinner-left-spin { - 0% { - -webkit-transform: rotate(130deg); - } - - 50% { - -webkit-transform: rotate(-5deg); - } - - to { - -webkit-transform: rotate(130deg); - } -} - -@keyframes spinner-left-spin { - 0% { - transform: rotate(130deg); - } - - 50% { - transform: rotate(-5deg); - } - - to { - transform: rotate(130deg); - } -} - -@-webkit-keyframes spinner-right-spin { - 0% { - -webkit-transform: rotate(-130deg); - } - - 50% { - -webkit-transform: rotate(5deg); - } - - to { - -webkit-transform: rotate(-130deg); - } -} - -@keyframes spinner-right-spin { - 0% { - transform: rotate(-130deg); - } - - 50% { - transform: rotate(5deg); - } - - to { - transform: rotate(-130deg); - } -} - -@keyframes showPreviewThumb { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-webkit-keyframes showPreviewThumb { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -/* MediaCmsVideoJsIcons FONT ICONS */ - -.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder { - font-family: MediaCmsVideoJsIcons; - font-weight: normal; - font-style: normal; -} - -.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder:before { - content: '\f107'; -} - -.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder { - font-family: MediaCmsVideoJsIcons; - font-weight: normal; - font-style: normal; -} - -.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder:before { - content: '\f101'; -} - -.video-js.vjs-mediacms .vjs-theater-mode .vjs-theater-mode-control .vjs-icon-placeholder:before { - content: '\f102'; -} - -.video-js.vjs-mediacms { - font-size: $default-font-size; - color: $primary-foreground-color; - - width: 100%; - height: 100%; - - overflow: hidden; - - outline-color: rgba(0, 0, 0, 0); - outline-color: transparent; - - video { - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - outline-color: rgba(0, 0, 0, 0); - outline-color: transparent; - } - - &.vjs-native-dimensions { - video { - width: auto; - height: auto; - } - } - - /* Doesn't work properly in Safari browser.*/ - /*&.vjs-loading-video { - video { - opacity: 0; - visibility: hidden; - } - }*/ - - &.vjs-error { - .vjs-error-display { - display: table; - color: rgb(238, 238, 238); - text-shadow: 0.05em 0.05em 0.1em #000; - - &:before, - &:after { - position: absolute; - top: 50%; - left: 0.25em; - display: block; - width: 52px; - height: 52px; - line-height: 52px; - margin-top: -26px; - text-align: center; - font-size: 3em; - } - - &:before { - content: ''; - border-radius: 50%; - border: 4px solid #fff; - } - - &:after { - content: '!'; - } - - .vjs-modal-dialog-content { - position: relative; - display: table-cell; - vertical-align: middle; - text-align: initial; - padding: 16px 1em 16px 80px; - font-size: 1.384615em; - word-break: break-all; - } - } - } - - .vjs-left-controls, - .vjs-right-controls { - position: relative; - width: auto; - display: inline-block; - height: $control-bar-height; - overflow: hidden; - } - - .vjs-left-controls { - } - - .vjs-right-controls { - float: right; - } - - button { - /* link: https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2 */ - &:focus, - &:active { - // outline: 0; - } - - &:active { - &:focus { - // outline: 0; - } - } - } - - .vjs-subtitles-control { - cursor: pointer; - } - - &.vjs-subtitles-on { - .vjs-subtitles-control { - .vjs-icon-placeholder:after { - content: ''; - display: block; - position: absolute; - width: 45%; - left: 27.5%; - height: 0.18em; - bottom: 50%; - margin-bottom: -1em; - background-color: $theme-color; - } - } - - &.vjs-fullscreen { - .vjs-subtitles-control { - .vjs-icon-placeholder:after { - width: 42%; - left: 29%; - } - } - } - } - - .vjs-text-track-cue { - > * { - // white-space:pre-wrap; - // display:inline-block !important; - // padding: 0 0.25em; - // line-height:1.25; - color: #fff !important; - fill: #fff; - background-color: rgb(8, 8, 8) !important; - background-color: rgba(8, 8, 8, 0.75) !important; - font-family: Roboto, 'Arial Unicode Ms', Arial, Helvetica, Verdana, 'PT Sans Caption', sans-serif !important; - } - } - - .vjs-settings-control { - font-size: 1.375em; - cursor: pointer; - } - - .vjs-settings-panel { - .vjs-setting-panel-title > [role='button'] { - position: relative; - - &:focus { - outline-color: #fff; - // outline-offset:-1px; - outline-style: solid; - outline-width: 1px; - } - } - - position: absolute; - bottom: $control-bar-height - 6; - right: 0; - - // width: 16em; - // width: 250px; - width: 23.75em; - min-width: 210px; - - display: none; - font-size: 0.8125em; - z-index: +1; - - &:focus { - outline: 0; - } - - /*display:block; - opacity: 0; - height:0; - visibility: hidden; - @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); - will-change:height;*/ - - &.vjs-visible-panel { - display: block; - /*opacity: 1; - visibility: visible; - height:auto;*/ - } - - .vjs-settings-panel-inner { - display: block; - margin: 0 0 1em; - padding: 0.5em 0; - border-radius: 0.2em; - - // background-color: #282828; - // background-color: rgba(40, 40, 40, .8); - background-color: rgba(28, 28, 28, 0.9); - text-shadow: 0 0 2px rgba(#000, 0.5); - - max-height: 210px; - max-height: 50vh; - - overflow: auto; - } - - .vjs-setting-panel-title { - color: #eee; - padding-bottom: 0.25em; - margin-bottom: 0.5em; - border-bottom: 1px solid rgba(255, 255, 255, 0.2); - - > *:first-child { - display: inline-block; - padding: 0.75em 1em; - font-size: 118%; - font-weight: 500; - - &[role='button'] { - padding: 0.5em 1em 0.5em 0; - margin-left: 0.75em; - margin-bottom: 0.25em 0.25em 0.5em; - } - } - - &.vjs-settings-back { - > *:first-child { - cursor: pointer; - - &:before { - content: '\f103'; - font-family: 'MediaCmsVideoJsIcons'; - font-size: 1.25em; - vertical-align: text-bottom; - padding-right: 0.5em; - } - } - } - } - - .vjs-settings-menu { - display: table; - width: 100%; - } - - .vjs-settings-menu-item { - position: relative; - display: table-row; - width: 100%; - cursor: pointer; - height: 3em; - - &:hover, - &:focus { - outline: 0; - background-color: rgba(255, 255, 255, 0.1); - } - - &.vjs-selected-quality, - &.vjs-selected-speed { - position: relative; - - .vjs-setting-menu-item-content { - // position:relative; - - &:after { - content: '\f104'; - font-family: 'MediaCmsVideoJsIcons'; - font-size: 1.25em; - font-weight: normal; - vertical-align: text-bottom; - padding-left: 0.5em; - } - - .auto-resolution-title { - font-weight: lighter; - color: rgb(238, 238, 238); - } - } - } - } - - .vjs-setting-menu-item-label, - .vjs-setting-menu-item-content { - display: table-cell; - vertical-align: middle; - padding: 0 1em; - line-height: 1; - font-size: 118%; - } - - .vjs-setting-menu-item-label { - font-weight: 500; - } - - .vjs-setting-menu-item-content { - text-align: right; - font-weight: 700; - - &.auto-resolution { - font-size: 109%; - font-weight: 400; - } - } - - &.vjs-playback-speed-panel, - &.vjs-resolutions-panel, - &.vjs-subtitles-panel { - z-index: +1; - // width: 13em; - - .vjs-settings-menu-item { - .vjs-setting-menu-item-content { - text-align: left; - padding-left: 2.75em; - } - - &.vjs-selected-menu-item { - .vjs-setting-menu-item-content { - position: relative; - padding-left: 0.75em; - - &:before { - content: '\f105'; - font-family: 'MediaCmsVideoJsIcons'; - font-size: 1.25em; - // vertical-align:text-bottom; - line-height: 0.75; - padding-right: 0.5em; - float: left; - } - } - } - } - } - - &.vjs-resolutions-panel { - // width: 8.25em; - } - } - - .vjs-button.vjs-play-control, - .vjs-button.vjs-next-button, - .vjs-button.vjs-previous-button { - overflow: hidden; - cursor: pointer; - } - - .vjs-button.vjs-next-button, - .vjs-button.vjs-previous-button { - font-family: VideoJS; - font-weight: 400; - font-style: normal; - } - - .vjs-button.vjs-next-button { - .vjs-icon-placeholder { - &:before { - content: '\f11f'; - } - } - } - - .vjs-button.vjs-previous-button { - .vjs-icon-placeholder { - &:before { - content: '\f120'; - } - } - } - - @if $big-play-button { - .vjs-big-play-button { - width: $big-play-width; - height: $big-play-height; - line-height: $big-play-height; - font-size: $big-play-font-size; - outline: 0; - border: 0; - border-radius: $big-play-radius; - background-color: $primary-background-color; - background-color: rgba($primary-background-color, 0.7); - transition-duration: 0.2s; - - @if $center-big-play-button { - top: 50%; - left: 50%; - margin-left: $big-play-width / -2; - margin-top: $big-play-height / -2; - } @else { - left: 0.5em; - top: 0.5em; - } - } - - &.vjs-changing-resolution .vjs-big-play-button { - display: none; - } - } - - .vjs-bottom-bg { - position: absolute; - bottom: 0; - left: $control-bar-horizontal-space / -1; - right: $control-bar-horizontal-space / -1; - height: $control-bar-height; - display: block; - pointer-events: none; - background: rgba(#000, 0.1); - background: -moz-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); - background: -webkit-gradient( - left top, - left bottom, - color-stop(0%, rgba(#000, 0)), - color-stop(100%, rgba(#000, 0.55)) - ); - background: -webkit-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); - background: -o-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); - background: -ms-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); - background: linear-gradient(to bottom, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); - } - - .vjs-control-bar { - z-index: +4; - width: auto; - left: $control-bar-horizontal-space; - right: $control-bar-horizontal-space; - background: none; - text-shadow: 0 1px 3px rgba(#000, 0.05); - - .vjs-button { - &:focus { - outline-width: 0; - } - - &[key-focus] { - &:focus { - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: block; - border-radius: 1px; - border: 2px solid rgba(#fff, 0.75); - } - } - } - - .vjs-icon-placeholder:before { - margin-top: -2px; - } - } - } - - .vjs-menu-button .vjs-menu-content { - background-color: $primary-background-color; - background-color: rgba($primary-background-color, 0.7); - } - - .vjs-slider { - &:focus { - text-shadow: none; - box-shadow: none; - } - - background-color: $primary-foreground-color; - background-color: rgba($primary-foreground-color, 0.25); - } - - .vjs-slider-bar { - background: rgba($primary-foreground-color, 0.25); - - &.vjs-play-progress { - background-color: $primary-foreground-color; - } - } - - .vjs-load-progress { - background: none; - - div { - background-color: $primary-foreground-color; - background-color: rgba($primary-foreground-color, 0.25); - } - } - - .vjs-volume-level { - background: $primary-foreground-color; - - &:before { - line-height: 1; - top: -4px; - font-size: 12px; - } - } - - .vjs-time-divider, - .vjs-duration, - .vjs-current-time, - &.vjs-no-flex .vjs-duration, - &.vjs-no-flex .vjs-current-time { - display: block; - } - - .vjs-current-time { - margin-left: 0.45em; - } - - .vjs-control { - display: inline-block; - float: left; - padding: 0; - min-width: 0; - width: $control-bar-button-min-width; - line-height: $control-bar-height - 2px; - - text-shadow: 0 1px 3px rgba(#000, 0.05); - - &:focus:before, - &:hover:before, - &:focus { - // text-shadow: none; - text-shadow: 0 1px 3px rgba(#000, 0.05); - } - - &.vjs-mute-control { - &.vjs-vol-1 { - .vjs-icon-placeholder:before { - margin-left: -0.17em; - } - } - - &.vjs-vol-2 { - .vjs-icon-placeholder:before { - margin-left: -0.08em; - } - } - } - - &.vjs-disabled { - &.vjs-picture-in-picture-control { - display: none; - } - } - } - - .vjs-progress-control { - $progress-holder-height: 0.3em; - - position: absolute; - // bottom: 100%; - top: -1 * $progress-holder-height; - left: 0; - display: block; - flex: none; - width: 100%; - height: auto; - z-index: +1; - padding-top: $progress-bar-height - 1px; - height: $progress-bar-height; - - -webkit-tap-highlight-color: transparent; - -moz-tap-highlight-color: transparent; - -o-tap-highlight-color: transparent; - tap-highlight-color: transparent; - - .vjs-play-progress, - .vjs-mouse-display { - .vjs-time-tooltip { - line-height: 1; - font-size: 11px; - font-weight: 600; - height: auto; - padding: 8px 12px; - border-radius: 2px; - } - } - - .vjs-progress-holder { - height: $progress-holder-height; - margin: 0; - box-shadow: 0 1px 3px 0 rgba(#000, 0.05); - - &:focus { - outline-width: 0; - } - - &[key-focus] { - &:focus { - &:after { - content: ''; - position: absolute; - top: -3px; - left: -3px; - right: -3px; - bottom: -3px; - display: block; - border-radius: 1px; - border: 2px solid rgba(#fff, 0.75); - } - } - } - - .vjs-play-progress { - line-height: 1em; - - &:before { - top: 50%; - margin-top: -0.5em; - text-shadow: 0 1px 3px rgba(#000, 0.05); - } - } - } - - .vjs-play-progress { - &:before { - font-size: 1em; - display: none; - } - } - - &:hover, - .vjs-progress-holder:focus { - .vjs-play-progress { - &:before { - display: block; - } - } - } - - &:hover .vjs-progress-holder, - .vjs-progress-holder:focus { - font-size: 1.2875em; - } - - &:hover { - .vjs-play-progress .vjs-time-tooltip, - .vjs-progress-holder:focus .vjs-play-progress .vjs-time-tooltip { - display: none; - } - } - } - - .vjs-time-control { - display: inline-block; - float: left; - min-width: 0; - height: $control-bar-height; - line-height: $control-bar-height - 2px; - width: auto; - padding: 1px 0 0; - text-align: center; - font-size: 0.975em; - - &.vjs-time-divider { - min-width: 1em; - text-align: center; - } - } - - .vjs-fullscreen-control { - overflow: hidden; - cursor: pointer; - - &:hover { - animation-duration: $fullscreenToggleAnimationDuration; - animation-name: onHoverFullscreenToggle; - } - } - - .vjs-theater-mode-control { - overflow: hidden; - cursor: pointer; - } - - .vjs-volume-panel { - &.vjs-volume-panel-horizontal { - min-width: $control-bar-button-min-width; - width: 0; - overflow: hidden; - } - - &.vjs-volume-panel-horizontal:hover, - &.vjs-volume-panel-horizontal:active, - &.vjs-volume-panel-horizontal.vjs-slider-active { - width: 9em; - transition: all 0s; - } - - .vjs-volume-control { - position: absolute; - top: 0; - left: $control-bar-height; - height: $control-bar-height; - width: 0; - visibility: visible; - opacity: 1; - - &.vjs-volume-horizontal { - margin-left: 0.45em; - margin-right: 0.45em; - transition: all 0s; - } - } - - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - position: absolute; - width: 5.5em; - height: $control-bar-height; - } - - .vjs-volume-bar { - &:focus { - outline-width: 0; - } - - &[key-focus] { - &:focus { - &:after { - content: ''; - position: absolute; - top: -1em; - left: -0.5em; - right: -0.5em; - bottom: -1em; - display: block; - border-radius: 1px; - border: 2px solid rgba(#fff, 0.75); - } - } - } - } - - .vjs-volume-bar.vjs-slider-horizontal { - margin: (0.5 * ($control-bar-height - $volume-horizontal-slider-height)) 0.45em - (0.5 * ($control-bar-height - $volume-horizontal-slider-height)) 0; - } - - .vjs-volume-bar.vjs-slider-horizontal, - .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { - height: $volume-horizontal-slider-height; - } - - &.vjs-volume-panel-horizontal, - &.vjs-volume-panel-horizontal:hover { - transition: width 0.35s linear; - /* transition: width 0s linear; */ - } - - .vjs-volume-control.vjs-volume-horizontal, - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - transition: width 0.2s linear; - transition-delay: 0.15s; - /* transition: width 0s linear; - transition-delay: 0s; */ - } - } - - .vjs-actions-anim { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - position: absolute; - top: 50%; - left: 50%; - width: $vjs-actions-anim-width; - height: $vjs-actions-anim-width; - line-height: $vjs-actions-anim-width; - margin-top: -0.5 * $vjs-actions-anim-width; - margin-left: -0.5 * $vjs-actions-anim-width; - display: block; - text-align: center; - border-radius: 50%; - color: #eee; - background-color: rgba(0, 0, 0, 0.25); - visibility: hidden; - opacity: 0; - - span { - display: block; - - &:after { - content: ''; - font-family: VideoJS; - font-weight: normal; - font-style: normal; - font-size: 42px; - } - } - - &.just-paused { - span:after { - content: '\f103'; - } - } - - &.started-playing { - span:after { - content: '\f101'; - } - } - - &.volume-high { - span:after { - content: '\f107'; - } - } - - &.volume-mid { - span:after { - content: '\f106'; - } - } - - &.volume-low { - span:after { - content: '\f105'; - } - } - - &.volume-mute { - span:after { - content: '\f104'; - } - } - - &.moving-backward { - span { - &:after { - content: '\f116'; - } - } - } - - &.moving-forward { - span { - transform: scale(-1, 1); - - &:after { - content: '\f116'; - } - } - } - - &.moving-backward, - &.moving-forward { - &:before { - content: '5'; - position: absolute; - top: 2px; - left: 0; - right: 0; - bottom: 0; - display: block; - font-size: 10px; - font-weight: 700; - font-family: Arial, sans-serif; - } - } - - &.play_previous { - span { - &:after { - content: '\f120'; - } - } - } - - &.play_next { - span { - &:after { - content: '\f11f'; - } - } - } - } - - .vjs-corner-layer { - position: absolute; - display: block; - z-index: +1; - - &.vjs-corner-top-left, - &.vjs-corner-top-right { - top: $corner-layer-edge-space; - } - - &.vjs-corner-bottom-left, - &.vjs-corner-bottom-right { - bottom: $corner-layer-edge-space; - - transition-duration: $controlBarAnimationsDuration; - transition-property: bottom; - } - - &.vjs-corner-top-left, - &.vjs-corner-bottom-left { - left: $corner-layer-edge-space; - } - - &.vjs-corner-top-right, - &.vjs-corner-bottom-right { - right: $corner-layer-edge-space; - } - - &.vjs-corner-top-left { - } - - &.vjs-corner-top-right { - } - - &.vjs-corner-bottom-left { - } - - &.vjs-corner-bottom-right { - } - } - - &.vjs-fullscreen-change { - .vjs-volume-panel { - &.vjs-volume-panel-horizontal, - &.vjs-volume-panel-horizontal:hover { - transition: width 0s linear; - } - - .vjs-volume-control.vjs-volume-horizontal, - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - transition: width 0s linear; - transition-delay: 0s; - } - } - } - - &.vjs-has-started, - &.vjs-changing-resolution { - .vjs-corner-layer { - } - - .vjs-control-bar { - display: block; - height: $control-bar-height + $progress-bar-height; - padding-top: $progress-bar-height; - transition-duration: $controlBarAnimationsDuration; - transition-property: transform, opacity, visibility; - } - - .vjs-actions-anim { - &.active-anim { - visibility: visible; - animation-duration: 0.75s; - animation-name: onDisplayingActionAnimation; - } - } - - .vjs-corner-layer { - &.vjs-corner-bottom-left, - &.vjs-corner-bottom-right { - bottom: $corner-layer-edge-space + $control-bar-height; - } - } - - &.vjs-user-inactive.vjs-playing { - .vjs-corner-layer { - &.vjs-corner-bottom-left, - &.vjs-corner-bottom-right { - bottom: $corner-layer-edge-space; - } - } - - .vjs-control-bar { - transform: translate(0px, $control-bar-height); - } - } - } - - &.vjs-fullscreen { - font-size: $default-fullscreen-font-size; - - .vjs-left-controls, - .vjs-right-controls { - height: $control-bar-fullscreen-height; - } - - .vjs-theater-mode-control { - display: none; - } - - .vjs-bottom-bg { - height: $control-bar-fullscreen-height; - } - - .vjs-settings-panel { - bottom: $control-bar-fullscreen-height - 7px; - } - - .vjs-control { - width: $control-bar-fullscreen-height; - } - - .vjs-time-control { - width: auto; - } - - .vjs-control, - .vjs-time-control { - height: $control-bar-fullscreen-height; - line-height: $control-bar-fullscreen-height - 2px; - } - - .vjs-progress-control.vjs-control { - width: 100%; - height: auto; - } - - .vjs-control-bar { - .vjs-button { - .vjs-icon-placeholder:before { - margin-top: 2px; - } - - &.vjs-fullscreen-control { - .vjs-icon-placeholder:before { - font-size: 2em; - line-height: 1.5; - } - } - } - } - - .vjs-volume-level { - &:before { - top: -5px; - font-size: 14px; - } - } - - .vjs-fullscreen-control { - &:hover { - animation-name: onFullscreenHoverFullscreenToggle; - } - } - - .vjs-play-progress, - .vjs-mouse-display { - .vjs-time-tooltip { - font-size: 12px; - } - } - - .vjs-volume-panel { - .vjs-volume-bar.vjs-slider-horizontal { - margin: (0.5 * ($control-bar-fullscreen-height - $volume-horizontal-slider-fullscreen-height)) 0.45em - (0.5 * ($control-bar-fullscreen-height - $volume-horizontal-slider-fullscreen-height)) 0; - } - - .vjs-volume-bar.vjs-slider-horizontal, - .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { - height: $volume-horizontal-slider-fullscreen-height; - } - - &.vjs-volume-panel-horizontal { - min-width: $control-bar-fullscreen-height; - } - - &.vjs-volume-panel-horizontal:hover, - &.vjs-volume-panel-horizontal:active, - &.vjs-volume-panel-horizontal.vjs-slider-active { - width: 10em; - transition: all 0s; - } - - .vjs-volume-control { - left: $control-bar-fullscreen-height; - height: $control-bar-height; - } - - .vjs-volume-control, - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - height: $control-bar-fullscreen-height; - } - - &.vjs-volume-panel-horizontal, - &.vjs-volume-panel-horizontal:hover { - transition: width 0.3s linear; - } - - .vjs-volume-control.vjs-volume-horizontal, - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - transition: width 0.2s linear; - transition-delay: 0.1s; - } - } - - &.vjs-fullscreen-change { - .vjs-volume-panel { - &.vjs-volume-panel-horizontal, - &.vjs-volume-panel-horizontal:hover { - transition: width 0s linear; - } - - .vjs-volume-control.vjs-volume-horizontal, - &:hover .vjs-volume-control.vjs-volume-horizontal, - &:active .vjs-volume-control.vjs-volume-horizontal, - &:focus .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control:hover.vjs-volume-horizontal, - .vjs-volume-control:active.vjs-volume-horizontal, - .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, - .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { - transition: width 0s linear; - transition-delay: 0s; - } - } - } - - .vjs-corner-layer { - &.vjs-corner-bottom-left, - &.vjs-corner-bottom-right { - bottom: $corner-layer-edge-space + $control-bar-fullscreen-height; - } - } - } - - &.vjs-has-started.vjs-fullscreen, - &.vjs-changing-resolution.vjs-fullscreen { - .vjs-control-bar { - height: $control-bar-fullscreen-height + $progress-bar-height; - } - - &.vjs-user-inactive.vjs-playing { - .vjs-control-bar { - transform: translate(0px, $control-bar-fullscreen-height); - } - } - } - - &.vjs-enabled-touch-controls { - .vjs-touch-controls { - $touch-controls-icon-font-size: 2.625em; - $touch-controls-play-icon-font-size: 56px; - - -webkit-tap-highlight-color: rgba(#000, 0); - - touch-action: none; - pointer-events: none; - - z-index: +2; - position: absolute; - display: block; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - background-color: rgba(#000, 0.6); - - visibility: hidden; - opacity: 0; - - transition-timing-function: linear; - transition-duration: 0.1s; - transition-property: opacity, visibility; - - button { - pointer-events: auto; - - display: inline-block; - width: auto; - height: auto; - line-height: 1; - float: none; - margin: 1rem; - - font-size: $touch-controls-icon-font-size; - - width: $touch-controls-play-icon-font-size; - height: $touch-controls-play-icon-font-size; - line-height: $touch-controls-play-icon-font-size; - - outline: 0; - border-radius: 50%; - } - - > * { - position: absolute; - display: block; - top: 50%; - left: 0; - margin-top: -0.5 * ($touch-controls-play-icon-font-size + 32px); - - display: table; - width: 100%; - - > * { - display: table-cell; - text-align: center; - vertical-align: middle; - } - } - - .vjs-touch-previous-button { - text-align: right; - } - - .vjs-touch-play-button { - width: 10.5em; - text-align: center; - - button { - font-size: $touch-controls-play-icon-font-size; - } - } - - .vjs-touch-play-button { - } - - .vjs-touch-next-button { - text-align: left; - } - - .vjs-touch-hidden-button { - * { - visibility: hidden; - opacity: 0; - } - } - - .vjs-touch-disabled-button { - * { - color: #404040; - color: rgba(#fff, 0.25); - cursor: disabled; - } - } - } - - &.vjs-seeking, - &.vjs-waiting, - &.vjs-touch-enabled { - .vjs-actions-anim { - display: none; - } - } - - &.vjs-touch-enabled { - .vjs-play-control, - .vjs-next-button, - .vjs-previous-button { - display: none; - } - - &.vjs-has-started { - &.vjs-playing.vjs-user-active, - &.vjs-paused { - .vjs-touch-controls { - visibility: visible; - opacity: 1; - } - } - } - - &.vjs-playing { - .vjs-icon-play { - &:before { - content: '\f103'; - } - } - } - - &.vjs-ended { - .more-media.full-wrapper { - visibility: hidden; - } - - .vjs-icon-play { - &:before { - content: '\f116'; - } - } - } - } - } -} - -.video-js.vjs-mediacms { - padding-top: 50%; - - video[poster] { - object-fit: fill; - } - - // $intense-color: red; - $intense-color: $theme-color; - // $intense-color: springgreen; - // $intense-color: limegreen; - // $intense-color: lawngreen; - - .vjs-progress-control { - .vjs-progress-holder { - // @include box-shadow( 0 1px 3px 0 rgba(#000, 0.1) ); - - .vjs-play-progress { - background-color: $intense-color; - - &:before { - color: $intense-color; - } - } - } - } - - .vjs-poster { - // animation: vjs-poster-reveal 2.5s; - background-size: cover; - } - - &.vjs-changing-resolution .vjs-poster { - display: none; - } - - .vjs-corner-layer { - &.vjs-corner-top-left, - &.vjs-corner-top-right { - top: 16px; - } - - &.vjs-corner-top-left { - max-width: 80%; - } - - &.vjs-corner-top-right { - } - - .title-link, - .user-thumb-link { - outline: 0; - transition-duration: 0.1s; - transition-property: opacity, visibility; - } - - .title-link { - display: inline-block; - font-size: 16px; - font-stretch: 100%; - text-decoration: none; - text-shadow: 0 0 2px rgba(#000, 0.5); - @include multiline_texts_excerpt( - $font-size: 18px, - $line-height: 23.4px, - $lines-to-show: 2, - $bg-color: transparent - ); - color: #eee; - - &:hover { - color: #fff; - } - - @media screen and (min-width: 768px) { - font-size: 18px; - } - } - - .user-thumb-link { - position: relative; - display: block; - width: 36px; - height: 36px; - overflow: hidden; - border-radius: 50%; - margin-bottom: 4px; - background-size: cover; - background-position: center; - background-repeat: no-repeat; - } - - .media-links-top-left { - display: block; - - .title-link { - padding-left: 48px; - padding-top: 7px; - } - - .user-thumb-link { - position: absolute; - top: 0; - left: 0; - display: inline-block; - } - } - } - - &.vjs-fullscreen { - .vjs-corner-layer { - .title-link { - font-size: 16px; - - @media screen and (min-width: 768px) { - font-size: 18px; - } - - @media screen and (min-width: 992px) { - font-size: 20px; - } - - @media screen and (min-width: 1040px) { - font-size: 22px; - } - } - } - } - - &.vjs-has-started { - &.vjs-fullscreen { - } - - &.vjs-user-inactive.vjs-playing { - .vjs-corner-layer { - .title-link, - .user-thumb-link { - opacity: 0; - visibility: hidden; - } - } - } - } - - &:hover { - @if $big-play-button { - .vjs-big-play-button { - background-color: $intense-color; - } - } - } -} - -/* @-webkit-keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } -} - -@keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } -} */ - -.video-js.vjs-mediacms { - .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, - .vjs-preview-thumb .vjs-preview-thumb-time-display { - font-size: 0.776699em; - font-weight: 500; - line-height: 1; - } - - .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, - .vjs-preview-thumb .vjs-preview-thumb-time-display > * { - padding: 0.5em 0.65em 0.4em; - color: rgba(#fff, 0.9); - background-color: rgba(28, 28, 28, 0.95); - border-radius: 2px; - } - - .vjs-progress-control .vjs-mouse-display { - background-color: rgba(28, 28, 28, 0.9); - - .vjs-time-tooltip { - top: auto; - bottom: 0.5em; - } - } - - .vjs-preview-thumb { - display: none; - } - - &.vjs-enabled-preview-thumb { - .vjs-preview-thumb { - position: relative; - opacity: 0; - visibility: hidden; - display: block; - - .vjs-preview-thumb-inner { - position: absolute; - bottom: 1em; - left: -80px; - width: 160px; - height: 120px; - overflow: hidden; - background-position: center 0; - background-size: cover; - background-color: rgba(28, 28, 28, 0.9); - border: 2px solid rgba(28, 28, 28, 0.9); - border-radius: 1px; - } - - .vjs-preview-thumb-time-display { - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - line-height: 1; - font-size: 1em; - font-weight: 600; - display: inline-block; - - > * { - display: inline-block; - padding: 0.5em 0.65em 0.45em; - } - } - } - - .vjs-progress-control { - &.andrd-active .vjs-preview-thumb, - &:hover .vjs-preview-thumb, - &:active .vjs-preview-thumb { - // opacity: 1; - visibility: visible; - - animation-name: showPreviewThumb; - animation-duration: 0.2s; - animation-timing-function: ease-out; - animation-delay: 0.1s; - animation-direction: alternate; - animation-fill-mode: forwards; - } - } - - &.vjs-user-inactive { - .vjs-progress-control { - .vjs-preview-thumb { - opacity: 0; - visibility: hidden; - @include transition(visibility 1s linear, opacity 1s linear); - } - } - } - - &.vjs-touch-enabled { - .vjs-preview-thumb { - display: none; - } - } - } -} - -.video-js.vjs-mediacms { - $spinner-color: #eee; - - $spinner-border-width: 6px; - $spinner-container-width: 64px; - - $fullscreen-spinner-border-width: 1.5 * $spinner-border-width; - $fullscreen-spinner-container-width: 1.5 * $spinner-container-width; - - .vjs-loading-spinner { - width: $spinner-container-width; - height: $spinner-container-width; - margin: (-0.5 * $spinner-container-width) 0 0 (-0.5 * $spinner-container-width); - - border: 0; - border-radius: 0; - @include opacity(1); - - -webkit-animation-delay: 0.44s; - animation-delay: 0.44s; - - &:after, - &:before { - display: none; - } - - .spinner { - z-index: +1; - position: absolute; - left: 50%; - top: 50%; - width: 100%; - margin-left: (-0.5 * $spinner-container-width); - pointer-events: none; - background-color: $spinner-color; - } - - .spinner-container { - pointer-events: none; - position: absolute; - width: 100%; - top: 50%; - left: 50%; - margin-top: -50%; - margin-left: -50%; - padding-bottom: 100%; - animation: spinner-linear-spin 1568.23529647ms linear infinite; - -webkit-animation: spinner-linear-spin 1568.23529647ms linear infinite; - } - - .spinner-rotator { - position: absolute; - width: 100%; - height: 100%; - -webkit-animation: spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; - animation: spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; - } - - .spinner-left, - .spinner-right { - position: absolute; - top: 0; - bottom: 0; - overflow: hidden; - } - - .spinner-circle { - position: absolute; - width: 200%; - height: 100%; - box-sizing: border-box; - border-radius: 50%; - border-style: solid; - border-width: $spinner-border-width; - border-color: $spinner-color $spinner-color transparent; - } - - .spinner-left { - left: 0; - right: 49%; - - .spinner-circle { - left: 0; - right: -100%; - border-right-color: transparent; - -webkit-animation: spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; - animation: spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; - } - } - - .spinner-right { - left: 49%; - right: 0; - - .spinner-circle { - left: -100%; - right: 0; - border-left-color: transparent; - -webkit-animation: spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; - animation: spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1 1) infinite both; - } - } - } - - &.vjs-fullscreen { - .vjs-loading-spinner { - width: $fullscreen-spinner-container-width; - height: $fullscreen-spinner-container-width; - margin: (-0.5 * $fullscreen-spinner-container-width) 0 0 (-0.5 * $fullscreen-spinner-container-width); - - .spinner { - margin-left: (-0.5 * $fullscreen-spinner-container-width); - } - - .spinner-circle { - border-width: $fullscreen-spinner-border-width; - } - } - } - - &.vjs-error { - .vjs-loading-spinner { - display: none; - } - } -} +@import '../node_modules/compass-mixins/lib/compass/support'; +@import '../node_modules/compass-mixins/lib/compass/css3'; + +@mixin multiline_texts_excerpt($font-size: 1em, $line-height: 1.15, $lines-to-show: 2, $bg-color: transparent) { + line-height: $line-height; + overflow: hidden; + text-overflow: ellipsis; + background-color: $bg-color; + + /* Fallback for non-webkit */ + display: block; + max-height: $lines-to-show * $line-height; + + /* Only for non-webkit */ + display: -webkit-box; + -webkit-line-clamp: $lines-to-show; + -webkit-box-orient: vertical; + white-space: normal; + + // @note: Probably doesn't need. + /*@-moz-document url-prefix() { + + position: relative; + padding-right: $font-size * 1.1; + overflow: hidden; + + &:before { + background-color: $bg-color; + bottom: 0; + position: absolute; + right: 0; + float: right; + text-align:right; + content: '\2026'; + width: $font-size * 1.1; + } + + &:after { + content: ''; + position: absolute; + height: 100%; + width: 100%; + z-index: +1; + background: $bg-color; + } + }*/ +} + +$theme-color: #009933; + +/* BIG PLAY BUTTON */ + +$big-play-button: true; +$center-big-play-button: true; + +$big-play-width: 2.65em; +$big-play-height: $big-play-width * (9/16); +$big-play-radius: 0.15em; +$big-play-font-size: 2.5em; + +/* COLORS */ + +/* @note: Keep in colors 6-digits hex format. */ + +$primary-foreground-color: #ffffff; +$primary-background-color: #000000; + +/* FONT SIZE */ + +$default-font-size: 13px; +$default-fullscreen-font-size: 16px; + +/* DIMENSIONS */ + +$control-bar-height: 36px; + +$progress-bar-height: 30px; + +$control-bar-button-min-width: $control-bar-height; + +$control-bar-fullscreen-height: 52px; +$volume-horizontal-slider-height: 3px; +$volume-horizontal-slider-fullscreen-height: 5px; + +/* SPACES */ + +$control-bar-horizontal-space: 12px; + +$corner-layer-edge-space: $control-bar-horizontal-space; + +/* ANIMATIONS */ + +$vjs-actions-anim-width: 7.375em; + +$fullscreenToggleAnimationDuration: 0.4s; + +$controlBarAnimationsDuration: 0.1s; + +/* FUNCTIONS */ + +/*@function calc_($expression) { + @return $expression; +}*/ + +/* ANIMATION KEYFRAMES */ + +@keyframes onHoverFullscreenToggle { + 50% { + font-size: $default-font-size + 1px; + margin-top: -1px; + } + + 100% { + font-size: $default-font-size; + margin-top: 0; + } +} + +@-webkit-keyframes onHoverFullscreenToggle { + 50% { + font-size: $default-font-size + 1px; + margin-top: -1px; + } + + 100% { + font-size: $default-font-size; + margin-top: 0; + } +} + +@keyframes onFullscreenHoverFullscreenToggle { + 50% { + font-size: $default-fullscreen-font-size - 1px; + margin-top: 1px; + } + + 100% { + font-size: $default-fullscreen-font-size; + margin-top: 0; + } +} + +@-webkit-keyframes onFullscreenHoverFullscreenToggle { + 50% { + font-size: $default-fullscreen-font-size - 1px; + margin-top: 1px; + } + + 100% { + font-size: $default-fullscreen-font-size; + margin-top: 0; + } +} + +@keyframes onDisplayingActionAnimation { + 0% { + transform: scale(0.5); + } + + 10% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: scale(1.05); + } +} + +@-webkit-keyframes onDisplayingActionAnimation { + 0% { + transform: scale(0.5); + } + + 10% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: scale(1.05); + } +} + +@-webkit-keyframes spinner-linear-spin { + to { + -webkit-transform: rotate(360deg); + } +} + +@keyframes spinner-linear-spin { + to { + transform: rotate(360deg); + } +} + +@-webkit-keyframes spinner-ease-spin { + 12.5% { + -webkit-transform: rotate(135deg); + } + + 25% { + -webkit-transform: rotate(270deg); + } + + 37.5% { + -webkit-transform: rotate(405deg); + } + + 50% { + -webkit-transform: rotate(540deg); + } + + 62.5% { + -webkit-transform: rotate(675deg); + } + + 75% { + -webkit-transform: rotate(810deg); + } + + 87.5% { + -webkit-transform: rotate(945deg); + } + + to { + -webkit-transform: rotate(1080deg); + } +} + +@keyframes spinner-ease-spin { + 12.5% { + transform: rotate(135deg); + } + + 25% { + transform: rotate(270deg); + } + + 37.5% { + transform: rotate(405deg); + } + + 50% { + transform: rotate(540deg); + } + + 62.5% { + transform: rotate(675deg); + } + + 75% { + transform: rotate(810deg); + } + + 87.5% { + transform: rotate(945deg); + } + + to { + transform: rotate(1080deg); + } +} + +@-webkit-keyframes spinner-left-spin { + 0% { + -webkit-transform: rotate(130deg); + } + + 50% { + -webkit-transform: rotate(-5deg); + } + + to { + -webkit-transform: rotate(130deg); + } +} + +@keyframes spinner-left-spin { + 0% { + transform: rotate(130deg); + } + + 50% { + transform: rotate(-5deg); + } + + to { + transform: rotate(130deg); + } +} + +@-webkit-keyframes spinner-right-spin { + 0% { + -webkit-transform: rotate(-130deg); + } + + 50% { + -webkit-transform: rotate(5deg); + } + + to { + -webkit-transform: rotate(-130deg); + } +} + +@keyframes spinner-right-spin { + 0% { + transform: rotate(-130deg); + } + + 50% { + transform: rotate(5deg); + } + + to { + transform: rotate(-130deg); + } +} + +@keyframes showPreviewThumb { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@-webkit-keyframes showPreviewThumb { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* MediaCmsVideoJsIcons FONT ICONS */ + +.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder { + font-family: MediaCmsVideoJsIcons; + font-weight: normal; + font-style: normal; +} + +.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder:before { + content: '\f107'; +} + +.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder { + font-family: MediaCmsVideoJsIcons; + font-weight: normal; + font-style: normal; +} + +.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder:before { + content: '\f101'; +} + +.video-js.vjs-mediacms .vjs-theater-mode .vjs-theater-mode-control .vjs-icon-placeholder:before { + content: '\f102'; +} + +.video-js.vjs-mediacms { + font-size: $default-font-size; + color: $primary-foreground-color; + + width: 100%; + height: 100%; + + overflow: hidden; + + outline-color: rgba(0, 0, 0, 0); + outline-color: transparent; + + video { + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + outline-color: rgba(0, 0, 0, 0); + outline-color: transparent; + } + + &.vjs-native-dimensions { + video { + width: auto; + height: auto; + } + } + + /* Doesn't work properly in Safari browser.*/ + /*&.vjs-loading-video { + video { + opacity: 0; + visibility: hidden; + } + }*/ + + &.vjs-error { + .vjs-error-display { + display: table; + color: rgb(238, 238, 238); + text-shadow: 0.05em 0.05em 0.1em #000; + + &:before, + &:after { + position: absolute; + top: 50%; + left: 0.25em; + display: block; + width: 52px; + height: 52px; + line-height: 52px; + margin-top: -26px; + text-align: center; + font-size: 3em; + } + + &:before { + content: ''; + border-radius: 50%; + border: 4px solid #fff; + } + + &:after { + content: '!'; + } + + .vjs-modal-dialog-content { + position: relative; + display: table-cell; + vertical-align: middle; + text-align: initial; + padding: 16px 1em 16px 80px; + font-size: 1.384615em; + word-break: break-all; + } + } + } + + .vjs-left-controls, + .vjs-right-controls { + position: relative; + width: auto; + display: inline-block; + height: $control-bar-height; + overflow: hidden; + } + + .vjs-left-controls { + } + + .vjs-right-controls { + float: right; + } + + button { + /* link: https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2 */ + &:focus, + &:active { + // outline: 0; + } + + &:active { + &:focus { + // outline: 0; + } + } + } + + .vjs-subtitles-control { + cursor: pointer; + } + + &.vjs-subtitles-on { + .vjs-subtitles-control { + .vjs-icon-placeholder:after { + content: ''; + display: block; + position: absolute; + width: 45%; + left: 27.5%; + height: 0.18em; + bottom: 50%; + margin-bottom: -1em; + background-color: $theme-color; + } + } + + &.vjs-fullscreen { + .vjs-subtitles-control { + .vjs-icon-placeholder:after { + width: 42%; + left: 29%; + } + } + } + } + + .vjs-text-track-cue { + > * { + // white-space:pre-wrap; + // display:inline-block !important; + // padding: 0 0.25em; + // line-height:1.25; + color: #fff !important; + fill: #fff; + background-color: rgb(8, 8, 8) !important; + background-color: rgba(8, 8, 8, 0.75) !important; + font-family: Roboto, 'Arial Unicode Ms', Arial, Helvetica, Verdana, 'PT Sans Caption', sans-serif !important; + } + } + + .vjs-settings-control { + font-size: 1.375em; + cursor: pointer; + } + + .vjs-settings-panel { + .vjs-setting-panel-title > [role='button'] { + position: relative; + + &:focus { + outline-color: #fff; + // outline-offset:-1px; + outline-style: solid; + outline-width: 1px; + } + } + + position: absolute; + bottom: $control-bar-height - 6; + right: 0; + + // width: 16em; + // width: 250px; + width: 23.75em; + min-width: 210px; + + display: none; + font-size: 0.8125em; + z-index: +1; + + &:focus { + outline: 0; + } + + /*display:block; + opacity: 0; + height:0; + visibility: hidden; + @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); + will-change:height;*/ + + &.vjs-visible-panel { + display: block; + /*opacity: 1; + visibility: visible; + height:auto;*/ + } + + .vjs-settings-panel-inner { + display: block; + margin: 0 0 1em; + padding: 0.5em 0; + border-radius: 0.2em; + + // background-color: #282828; + // background-color: rgba(40, 40, 40, .8); + background-color: rgba(28, 28, 28, 0.9); + text-shadow: 0 0 2px rgba(#000, 0.5); + + max-height: 210px; + max-height: 50vh; + + overflow: auto; + } + + .vjs-setting-panel-title { + color: #eee; + padding-bottom: 0.25em; + margin-bottom: 0.5em; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + + > *:first-child { + display: inline-block; + padding: 0.75em 1em; + font-size: 118%; + font-weight: 500; + + &[role='button'] { + padding: 0.5em 1em 0.5em 0; + margin-left: 0.75em; + margin-bottom: 0.25em 0.25em 0.5em; + } + } + + &.vjs-settings-back { + > *:first-child { + cursor: pointer; + + &:before { + content: '\f103'; + font-family: 'MediaCmsVideoJsIcons'; + font-size: 1.25em; + vertical-align: text-bottom; + padding-right: 0.5em; + } + } + } + } + + .vjs-settings-menu { + display: table; + width: 100%; + } + + .vjs-settings-menu-item { + position: relative; + display: table-row; + width: 100%; + cursor: pointer; + height: 3em; + + &:hover, + &:focus { + outline: 0; + background-color: rgba(255, 255, 255, 0.1); + } + + &.vjs-selected-quality, + &.vjs-selected-speed { + position: relative; + + .vjs-setting-menu-item-content { + // position:relative; + + &:after { + content: '\f104'; + font-family: 'MediaCmsVideoJsIcons'; + font-size: 1.25em; + font-weight: normal; + vertical-align: text-bottom; + padding-left: 0.5em; + } + + .auto-resolution-title { + font-weight: lighter; + color: rgb(238, 238, 238); + } + } + } + } + + .vjs-setting-menu-item-label, + .vjs-setting-menu-item-content { + display: table-cell; + vertical-align: middle; + padding: 0 1em; + line-height: 1; + font-size: 118%; + } + + .vjs-setting-menu-item-label { + font-weight: 500; + } + + .vjs-setting-menu-item-content { + text-align: right; + font-weight: 700; + + &.auto-resolution { + font-size: 109%; + font-weight: 400; + } + } + + &.vjs-playback-speed-panel, + &.vjs-resolutions-panel, + &.vjs-subtitles-panel { + z-index: +1; + // width: 13em; + + .vjs-settings-menu-item { + .vjs-setting-menu-item-content { + text-align: left; + padding-left: 2.75em; + } + + &.vjs-selected-menu-item { + .vjs-setting-menu-item-content { + position: relative; + padding-left: 0.75em; + + &:before { + content: '\f105'; + font-family: 'MediaCmsVideoJsIcons'; + font-size: 1.25em; + // vertical-align:text-bottom; + line-height: 0.75; + padding-right: 0.5em; + float: left; + } + } + } + } + } + + &.vjs-resolutions-panel { + // width: 8.25em; + } + } + + .vjs-button.vjs-play-control, + .vjs-button.vjs-next-button, + .vjs-button.vjs-previous-button { + overflow: hidden; + cursor: pointer; + } + + .vjs-button.vjs-next-button, + .vjs-button.vjs-previous-button { + font-family: VideoJS; + font-weight: 400; + font-style: normal; + } + + .vjs-button.vjs-next-button { + .vjs-icon-placeholder { + &:before { + content: '\f11f'; + } + } + } + + .vjs-button.vjs-previous-button { + .vjs-icon-placeholder { + &:before { + content: '\f120'; + } + } + } + + @if $big-play-button { + .vjs-big-play-button { + width: $big-play-width; + height: $big-play-height; + line-height: $big-play-height; + font-size: $big-play-font-size; + outline: 0; + border: 0; + border-radius: $big-play-radius; + background-color: $primary-background-color; + background-color: rgba($primary-background-color, 0.7); + transition-duration: 0.2s; + + @if $center-big-play-button { + top: 50%; + left: 50%; + margin-left: $big-play-width / -2; + margin-top: $big-play-height / -2; + } @else { + left: 0.5em; + top: 0.5em; + } + } + + &.vjs-changing-resolution .vjs-big-play-button { + display: none; + } + } + + .vjs-bottom-bg { + position: absolute; + bottom: 0; + left: $control-bar-horizontal-space / -1; + right: $control-bar-horizontal-space / -1; + height: $control-bar-height; + display: block; + pointer-events: none; + background: rgba(#000, 0.1); + background: -moz-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); + background: -webkit-gradient( + left top, + left bottom, + color-stop(0%, rgba(#000, 0)), + color-stop(100%, rgba(#000, 0.55)) + ); + background: -webkit-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); + background: -o-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); + background: -ms-linear-gradient(top, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); + background: linear-gradient(to bottom, rgba(#000, 0) 0%, rgba(#000, 0.55) 100%); + } + + .vjs-control-bar { + z-index: +4; + width: auto; + left: $control-bar-horizontal-space; + right: $control-bar-horizontal-space; + background: none; + text-shadow: 0 1px 3px rgba(#000, 0.05); + + .vjs-button { + &:focus { + outline-width: 0; + } + + &[key-focus] { + &:focus { + &:after { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: block; + border-radius: 1px; + border: 2px solid rgba(#fff, 0.75); + } + } + } + + .vjs-icon-placeholder:before { + margin-top: -2px; + } + } + } + + .vjs-menu-button .vjs-menu-content { + background-color: $primary-background-color; + background-color: rgba($primary-background-color, 0.7); + } + + .vjs-slider { + &:focus { + text-shadow: none; + box-shadow: none; + } + + background-color: $primary-foreground-color; + background-color: rgba($primary-foreground-color, 0.25); + } + + .vjs-slider-bar { + background: rgba($primary-foreground-color, 0.25); + + &.vjs-play-progress { + background-color: $primary-foreground-color; + } + } + + .vjs-load-progress { + background: none; + + div { + background-color: $primary-foreground-color; + background-color: rgba($primary-foreground-color, 0.25); + } + } + + .vjs-volume-level { + background: $primary-foreground-color; + + &:before { + line-height: 1; + top: -4px; + font-size: 12px; + } + } + + .vjs-time-divider, + .vjs-duration, + .vjs-current-time, + &.vjs-no-flex .vjs-duration, + &.vjs-no-flex .vjs-current-time { + display: block; + } + + .vjs-current-time { + margin-left: 0.45em; + } + + .vjs-control { + display: inline-block; + float: left; + padding: 0; + min-width: 0; + width: $control-bar-button-min-width; + line-height: $control-bar-height - 2px; + + text-shadow: 0 1px 3px rgba(#000, 0.05); + + &:focus:before, + &:hover:before, + &:focus { + // text-shadow: none; + text-shadow: 0 1px 3px rgba(#000, 0.05); + } + + &.vjs-mute-control { + &.vjs-vol-1 { + .vjs-icon-placeholder:before { + margin-left: -0.17em; + } + } + + &.vjs-vol-2 { + .vjs-icon-placeholder:before { + margin-left: -0.08em; + } + } + } + + &.vjs-disabled { + &.vjs-picture-in-picture-control { + display: none; + } + } + } + + .vjs-progress-control { + $progress-holder-height: 0.3em; + + position: absolute; + // bottom: 100%; + top: -1 * $progress-holder-height; + left: 0; + display: block; + flex: none; + width: 100%; + height: auto; + z-index: +1; + padding-top: $progress-bar-height - 1px; + height: $progress-bar-height; + + -webkit-tap-highlight-color: transparent; + -moz-tap-highlight-color: transparent; + -o-tap-highlight-color: transparent; + tap-highlight-color: transparent; + + .vjs-play-progress, + .vjs-mouse-display { + .vjs-time-tooltip { + line-height: 1; + font-size: 11px; + font-weight: 600; + height: auto; + padding: 8px 12px; + border-radius: 2px; + } + } + + .vjs-progress-holder { + height: $progress-holder-height; + margin: 0; + box-shadow: 0 1px 3px 0 rgba(#000, 0.05); + + &:focus { + outline-width: 0; + } + + &[key-focus] { + &:focus { + &:after { + content: ''; + position: absolute; + top: -3px; + left: -3px; + right: -3px; + bottom: -3px; + display: block; + border-radius: 1px; + border: 2px solid rgba(#fff, 0.75); + } + } + } + + .vjs-play-progress { + line-height: 1em; + + &:before { + top: 50%; + margin-top: -0.5em; + text-shadow: 0 1px 3px rgba(#000, 0.05); + } + } + } + + .vjs-play-progress { + &:before { + font-size: 1em; + display: none; + } + } + + &:hover, + .vjs-progress-holder:focus { + .vjs-play-progress { + &:before { + display: block; + } + } + } + + &:hover .vjs-progress-holder, + .vjs-progress-holder:focus { + font-size: 1.2875em; + } + + &:hover { + .vjs-play-progress .vjs-time-tooltip, + .vjs-progress-holder:focus .vjs-play-progress .vjs-time-tooltip { + display: none; + } + } + } + + .vjs-time-control { + display: inline-block; + float: left; + min-width: 0; + height: $control-bar-height; + line-height: $control-bar-height - 2px; + width: auto; + padding: 1px 0 0; + text-align: center; + font-size: 0.975em; + + &.vjs-time-divider { + min-width: 1em; + text-align: center; + } + } + + .vjs-fullscreen-control { + overflow: hidden; + cursor: pointer; + + &:hover { + animation-duration: $fullscreenToggleAnimationDuration; + animation-name: onHoverFullscreenToggle; + } + } + + .vjs-theater-mode-control { + overflow: hidden; + cursor: pointer; + } + + .vjs-volume-panel { + &.vjs-volume-panel-horizontal { + min-width: $control-bar-button-min-width; + width: 0; + overflow: hidden; + } + + &.vjs-volume-panel-horizontal:hover, + &.vjs-volume-panel-horizontal:active, + &.vjs-volume-panel-horizontal.vjs-slider-active { + width: 9em; + transition: all 0s; + } + + .vjs-volume-control { + position: absolute; + top: 0; + left: $control-bar-height; + height: $control-bar-height; + width: 0; + visibility: visible; + opacity: 1; + + &.vjs-volume-horizontal { + margin-left: 0.45em; + margin-right: 0.45em; + transition: all 0s; + } + } + + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + position: absolute; + width: 5.5em; + height: $control-bar-height; + } + + .vjs-volume-bar { + &:focus { + outline-width: 0; + } + + &[key-focus] { + &:focus { + &:after { + content: ''; + position: absolute; + top: -1em; + left: -0.5em; + right: -0.5em; + bottom: -1em; + display: block; + border-radius: 1px; + border: 2px solid rgba(#fff, 0.75); + } + } + } + } + + .vjs-volume-bar.vjs-slider-horizontal { + margin: (0.5 * ($control-bar-height - $volume-horizontal-slider-height)) 0.45em + (0.5 * ($control-bar-height - $volume-horizontal-slider-height)) 0; + } + + .vjs-volume-bar.vjs-slider-horizontal, + .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { + height: $volume-horizontal-slider-height; + } + + &.vjs-volume-panel-horizontal, + &.vjs-volume-panel-horizontal:hover { + transition: width 0.35s linear; + /* transition: width 0s linear; */ + } + + .vjs-volume-control.vjs-volume-horizontal, + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + transition: width 0.2s linear; + transition-delay: 0.15s; + /* transition: width 0s linear; + transition-delay: 0s; */ + } + } + + .vjs-actions-anim { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + position: absolute; + top: 50%; + left: 50%; + width: $vjs-actions-anim-width; + height: $vjs-actions-anim-width; + line-height: $vjs-actions-anim-width; + margin-top: -0.5 * $vjs-actions-anim-width; + margin-left: -0.5 * $vjs-actions-anim-width; + display: block; + text-align: center; + border-radius: 50%; + color: #eee; + background-color: rgba(0, 0, 0, 0.25); + visibility: hidden; + opacity: 0; + + span { + display: block; + + &:after { + content: ''; + font-family: VideoJS; + font-weight: normal; + font-style: normal; + font-size: 42px; + } + } + + &.just-paused { + span:after { + content: '\f103'; + } + } + + &.started-playing { + span:after { + content: '\f101'; + } + } + + &.volume-high { + span:after { + content: '\f107'; + } + } + + &.volume-mid { + span:after { + content: '\f106'; + } + } + + &.volume-low { + span:after { + content: '\f105'; + } + } + + &.volume-mute { + span:after { + content: '\f104'; + } + } + + &.moving-backward { + span { + &:after { + content: '\f116'; + } + } + } + + &.moving-forward { + span { + transform: scale(-1, 1); + + &:after { + content: '\f116'; + } + } + } + + &.moving-backward, + &.moving-forward { + &:before { + content: '5'; + position: absolute; + top: 2px; + left: 0; + right: 0; + bottom: 0; + display: block; + font-size: 10px; + font-weight: 700; + font-family: Arial, sans-serif; + } + } + + &.play_previous { + span { + &:after { + content: '\f120'; + } + } + } + + &.play_next { + span { + &:after { + content: '\f11f'; + } + } + } + } + + .vjs-corner-layer { + position: absolute; + display: block; + z-index: +1; + + &.vjs-corner-top-left, + &.vjs-corner-top-right { + top: $corner-layer-edge-space; + } + + &.vjs-corner-bottom-left, + &.vjs-corner-bottom-right { + bottom: $corner-layer-edge-space; + + transition-duration: $controlBarAnimationsDuration; + transition-property: bottom; + } + + &.vjs-corner-top-left, + &.vjs-corner-bottom-left { + left: $corner-layer-edge-space; + } + + &.vjs-corner-top-right, + &.vjs-corner-bottom-right { + right: $corner-layer-edge-space; + } + + &.vjs-corner-top-left { + } + + &.vjs-corner-top-right { + } + + &.vjs-corner-bottom-left { + } + + &.vjs-corner-bottom-right { + } + } + + &.vjs-fullscreen-change { + .vjs-volume-panel { + &.vjs-volume-panel-horizontal, + &.vjs-volume-panel-horizontal:hover { + transition: width 0s linear; + } + + .vjs-volume-control.vjs-volume-horizontal, + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + transition: width 0s linear; + transition-delay: 0s; + } + } + } + + &.vjs-has-started, + &.vjs-changing-resolution { + .vjs-corner-layer { + } + + .vjs-control-bar { + display: block; + height: $control-bar-height + $progress-bar-height; + padding-top: $progress-bar-height; + transition-duration: $controlBarAnimationsDuration; + transition-property: transform, opacity, visibility; + } + + .vjs-actions-anim { + &.active-anim { + visibility: visible; + animation-duration: 0.75s; + animation-name: onDisplayingActionAnimation; + } + } + + .vjs-corner-layer { + &.vjs-corner-bottom-left, + &.vjs-corner-bottom-right { + bottom: $corner-layer-edge-space + $control-bar-height; + } + } + + &.vjs-user-inactive.vjs-playing { + .vjs-corner-layer { + &.vjs-corner-bottom-left, + &.vjs-corner-bottom-right { + bottom: $corner-layer-edge-space; + } + } + + .vjs-control-bar { + transform: translate(0px, $control-bar-height); + } + } + } + + &.vjs-fullscreen { + font-size: $default-fullscreen-font-size; + + .vjs-left-controls, + .vjs-right-controls { + height: $control-bar-fullscreen-height; + } + + .vjs-theater-mode-control { + display: none; + } + + .vjs-bottom-bg { + height: $control-bar-fullscreen-height; + } + + .vjs-settings-panel { + bottom: $control-bar-fullscreen-height - 7px; + } + + .vjs-control { + width: $control-bar-fullscreen-height; + } + + .vjs-time-control { + width: auto; + } + + .vjs-control, + .vjs-time-control { + height: $control-bar-fullscreen-height; + line-height: $control-bar-fullscreen-height - 2px; + } + + .vjs-progress-control.vjs-control { + width: 100%; + height: auto; + } + + .vjs-control-bar { + .vjs-button { + .vjs-icon-placeholder:before { + margin-top: 2px; + } + + &.vjs-fullscreen-control { + .vjs-icon-placeholder:before { + font-size: 2em; + line-height: 1.5; + } + } + } + } + + .vjs-volume-level { + &:before { + top: -5px; + font-size: 14px; + } + } + + .vjs-fullscreen-control { + &:hover { + animation-name: onFullscreenHoverFullscreenToggle; + } + } + + .vjs-play-progress, + .vjs-mouse-display { + .vjs-time-tooltip { + font-size: 12px; + } + } + + .vjs-volume-panel { + .vjs-volume-bar.vjs-slider-horizontal { + margin: (0.5 * ($control-bar-fullscreen-height - $volume-horizontal-slider-fullscreen-height)) 0.45em + (0.5 * ($control-bar-fullscreen-height - $volume-horizontal-slider-fullscreen-height)) 0; + } + + .vjs-volume-bar.vjs-slider-horizontal, + .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { + height: $volume-horizontal-slider-fullscreen-height; + } + + &.vjs-volume-panel-horizontal { + min-width: $control-bar-fullscreen-height; + } + + &.vjs-volume-panel-horizontal:hover, + &.vjs-volume-panel-horizontal:active, + &.vjs-volume-panel-horizontal.vjs-slider-active { + width: 10em; + transition: all 0s; + } + + .vjs-volume-control { + left: $control-bar-fullscreen-height; + height: $control-bar-height; + } + + .vjs-volume-control, + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + height: $control-bar-fullscreen-height; + } + + &.vjs-volume-panel-horizontal, + &.vjs-volume-panel-horizontal:hover { + transition: width 0.3s linear; + } + + .vjs-volume-control.vjs-volume-horizontal, + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + transition: width 0.2s linear; + transition-delay: 0.1s; + } + } + + &.vjs-fullscreen-change { + .vjs-volume-panel { + &.vjs-volume-panel-horizontal, + &.vjs-volume-panel-horizontal:hover { + transition: width 0s linear; + } + + .vjs-volume-control.vjs-volume-horizontal, + &:hover .vjs-volume-control.vjs-volume-horizontal, + &:active .vjs-volume-control.vjs-volume-horizontal, + &:focus .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control:hover.vjs-volume-horizontal, + .vjs-volume-control:active.vjs-volume-horizontal, + .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, + .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { + transition: width 0s linear; + transition-delay: 0s; + } + } + } + + .vjs-corner-layer { + &.vjs-corner-bottom-left, + &.vjs-corner-bottom-right { + bottom: $corner-layer-edge-space + $control-bar-fullscreen-height; + } + } + } + + &.vjs-has-started.vjs-fullscreen, + &.vjs-changing-resolution.vjs-fullscreen { + .vjs-control-bar { + height: $control-bar-fullscreen-height + $progress-bar-height; + } + + &.vjs-user-inactive.vjs-playing { + .vjs-control-bar { + transform: translate(0px, $control-bar-fullscreen-height); + } + } + } + + &.vjs-enabled-touch-controls { + .vjs-touch-controls { + $touch-controls-icon-font-size: 2.625em; + $touch-controls-play-icon-font-size: 56px; + + -webkit-tap-highlight-color: rgba(#000, 0); + + touch-action: none; + pointer-events: none; + + z-index: +2; + position: absolute; + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + background-color: rgba(#000, 0.6); + + visibility: hidden; + opacity: 0; + + transition-timing-function: linear; + transition-duration: 0.1s; + transition-property: opacity, visibility; + + button { + pointer-events: auto; + + display: inline-block; + width: auto; + height: auto; + line-height: 1; + float: none; + margin: 1rem; + + font-size: $touch-controls-icon-font-size; + + width: $touch-controls-play-icon-font-size; + height: $touch-controls-play-icon-font-size; + line-height: $touch-controls-play-icon-font-size; + + outline: 0; + border-radius: 50%; + } + + > * { + position: absolute; + display: block; + top: 50%; + left: 0; + margin-top: -0.5 * ($touch-controls-play-icon-font-size + 32px); + + display: table; + width: 100%; + + > * { + display: table-cell; + text-align: center; + vertical-align: middle; + } + } + + .vjs-touch-previous-button { + text-align: right; + } + + .vjs-touch-play-button { + width: 10.5em; + text-align: center; + + button { + font-size: $touch-controls-play-icon-font-size; + } + } + + .vjs-touch-play-button { + } + + .vjs-touch-next-button { + text-align: left; + } + + .vjs-touch-hidden-button { + * { + visibility: hidden; + opacity: 0; + } + } + + .vjs-touch-disabled-button { + * { + color: #404040; + color: rgba(#fff, 0.25); + cursor: disabled; + } + } + } + + &.vjs-seeking, + &.vjs-waiting, + &.vjs-touch-enabled { + .vjs-actions-anim { + display: none; + } + } + + &.vjs-touch-enabled { + .vjs-play-control, + .vjs-next-button, + .vjs-previous-button { + display: none; + } + + &.vjs-has-started { + &.vjs-playing.vjs-user-active, + &.vjs-paused { + .vjs-touch-controls { + visibility: visible; + opacity: 1; + } + } + } + + &.vjs-playing { + .vjs-icon-play { + &:before { + content: '\f103'; + } + } + } + + &.vjs-ended { + .more-media.full-wrapper { + visibility: hidden; + } + + .vjs-icon-play { + &:before { + content: '\f116'; + } + } + } + } + } +} + +.video-js.vjs-mediacms { + padding-top: 50%; + + video[poster] { + object-fit: fill; + } + + // $intense-color: red; + $intense-color: $theme-color; + // $intense-color: springgreen; + // $intense-color: limegreen; + // $intense-color: lawngreen; + + .vjs-progress-control { + .vjs-progress-holder { + // @include box-shadow( 0 1px 3px 0 rgba(#000, 0.1) ); + + .vjs-play-progress { + background-color: $intense-color; + + &:before { + color: $intense-color; + } + } + } + } + + .vjs-poster { + // animation: vjs-poster-reveal 2.5s; + background-size: cover; + } + + &.vjs-changing-resolution .vjs-poster { + display: none; + } + + .vjs-corner-layer { + &.vjs-corner-top-left, + &.vjs-corner-top-right { + top: 16px; + } + + &.vjs-corner-top-left { + max-width: 80%; + } + + &.vjs-corner-top-right { + } + + .title-link, + .user-thumb-link { + outline: 0; + transition-duration: 0.1s; + transition-property: opacity, visibility; + } + + .title-link { + display: inline-block; + font-size: 16px; + font-stretch: 100%; + text-decoration: none; + text-shadow: 0 0 2px rgba(#000, 0.5); + @include multiline_texts_excerpt( + $font-size: 18px, + $line-height: 23.4px, + $lines-to-show: 2, + $bg-color: transparent + ); + color: #eee; + + &:hover { + color: #fff; + } + + @media screen and (min-width: 768px) { + font-size: 18px; + } + } + + .user-thumb-link { + position: relative; + display: block; + width: 36px; + height: 36px; + overflow: hidden; + border-radius: 50%; + margin-bottom: 4px; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + } + + .media-links-top-left { + display: block; + + .title-link { + padding-left: 48px; + padding-top: 7px; + } + + .user-thumb-link { + position: absolute; + top: 0; + left: 0; + display: inline-block; + } + } + } + + &.vjs-fullscreen { + .vjs-corner-layer { + .title-link { + font-size: 16px; + + @media screen and (min-width: 768px) { + font-size: 18px; + } + + @media screen and (min-width: 992px) { + font-size: 20px; + } + + @media screen and (min-width: 1040px) { + font-size: 22px; + } + } + } + } + + &.vjs-has-started { + &.vjs-fullscreen { + } + + &.vjs-user-inactive.vjs-playing { + .vjs-corner-layer { + .title-link, + .user-thumb-link { + opacity: 0; + visibility: hidden; + } + } + } + } + + &:hover { + @if $big-play-button { + .vjs-big-play-button { + background-color: $intense-color; + } + } + } +} + +/* @-webkit-keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } +} + +@keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } +} */ + +.video-js.vjs-mediacms { + .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, + .vjs-preview-thumb .vjs-preview-thumb-time-display { + font-size: 0.776699em; + font-weight: 500; + line-height: 1; + } + + .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, + .vjs-preview-thumb .vjs-preview-thumb-time-display > * { + padding: 0.5em 0.65em 0.4em; + color: rgba(#fff, 0.9); + background-color: rgba(28, 28, 28, 0.95); + border-radius: 2px; + } + + .vjs-progress-control .vjs-mouse-display { + background-color: rgba(28, 28, 28, 0.9); + + .vjs-time-tooltip { + top: auto; + bottom: 0.5em; + } + } + + .vjs-preview-thumb { + display: none; + } + + &.vjs-enabled-preview-thumb { + .vjs-preview-thumb { + position: relative; + opacity: 0; + visibility: hidden; + display: block; + + .vjs-preview-thumb-inner { + position: absolute; + bottom: 1em; + left: -80px; + width: 160px; + height: 120px; + overflow: hidden; + background-position: center 0; + background-size: cover; + background-color: rgba(28, 28, 28, 0.9); + border: 2px solid rgba(28, 28, 28, 0.9); + border-radius: 1px; + } + + .vjs-preview-thumb-time-display { + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + line-height: 1; + font-size: 1em; + font-weight: 600; + display: inline-block; + + > * { + display: inline-block; + padding: 0.5em 0.65em 0.45em; + } + } + } + + .vjs-progress-control { + &.andrd-active .vjs-preview-thumb, + &:hover .vjs-preview-thumb, + &:active .vjs-preview-thumb { + // opacity: 1; + visibility: visible; + + animation-name: showPreviewThumb; + animation-duration: 0.2s; + animation-timing-function: ease-out; + animation-delay: 0.1s; + animation-direction: alternate; + animation-fill-mode: forwards; + } + } + + &.vjs-user-inactive { + .vjs-progress-control { + .vjs-preview-thumb { + opacity: 0; + visibility: hidden; + @include transition(visibility 1s linear, opacity 1s linear); + } + } + } + + &.vjs-touch-enabled { + .vjs-preview-thumb { + display: none; + } + } + } +} + +.video-js.vjs-mediacms { + $spinner-color: #eee; + + $spinner-border-width: 6px; + $spinner-container-width: 64px; + + $fullscreen-spinner-border-width: 1.5 * $spinner-border-width; + $fullscreen-spinner-container-width: 1.5 * $spinner-container-width; + + .vjs-loading-spinner { + width: $spinner-container-width; + height: $spinner-container-width; + margin: (-0.5 * $spinner-container-width) 0 0 (-0.5 * $spinner-container-width); + + border: 0; + border-radius: 0; + @include opacity(1); + + -webkit-animation-delay: 0.44s; + animation-delay: 0.44s; + + &:after, + &:before { + display: none; + } + + .spinner { + z-index: +1; + position: absolute; + left: 50%; + top: 50%; + width: 100%; + margin-left: (-0.5 * $spinner-container-width); + pointer-events: none; + background-color: $spinner-color; + } + + .spinner-container { + pointer-events: none; + position: absolute; + width: 100%; + top: 50%; + left: 50%; + margin-top: -50%; + margin-left: -50%; + padding-bottom: 100%; + animation: spinner-linear-spin 1568.23529647ms linear infinite; + -webkit-animation: spinner-linear-spin 1568.23529647ms linear infinite; + } + + .spinner-rotator { + position: absolute; + width: 100%; + height: 100%; + -webkit-animation: spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + } + + .spinner-left, + .spinner-right { + position: absolute; + top: 0; + bottom: 0; + overflow: hidden; + } + + .spinner-circle { + position: absolute; + width: 200%; + height: 100%; + box-sizing: border-box; + border-radius: 50%; + border-style: solid; + border-width: $spinner-border-width; + border-color: $spinner-color $spinner-color transparent; + } + + .spinner-left { + left: 0; + right: 49%; + + .spinner-circle { + left: 0; + right: -100%; + border-right-color: transparent; + -webkit-animation: spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + } + } + + .spinner-right { + left: 49%; + right: 0; + + .spinner-circle { + left: -100%; + right: 0; + border-left-color: transparent; + -webkit-animation: spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1 1) infinite both; + } + } + } + + &.vjs-fullscreen { + .vjs-loading-spinner { + width: $fullscreen-spinner-container-width; + height: $fullscreen-spinner-container-width; + margin: (-0.5 * $fullscreen-spinner-container-width) 0 0 (-0.5 * $fullscreen-spinner-container-width); + + .spinner { + margin-left: (-0.5 * $fullscreen-spinner-container-width); + } + + .spinner-circle { + border-width: $fullscreen-spinner-border-width; + } + } + } + + &.vjs-error { + .vjs-loading-spinner { + display: none; + } + } +} From ed0c0502a683096dabe776ad2e74c0610014dfc5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=91=D0=BE=D0=B3=D0=B4=D0=B0=D0=BD=D0=BE=D0=B2=20=D0=A1?= =?UTF-8?q?=D0=B5=D1=80=D0=B3=D0=B5=D0=B9?= Date: Tue, 9 Jan 2024 20:08:06 +0000 Subject: [PATCH 2/3] Fixed empty previews in Chrome --- frontend/packages/vjs-plugin/src/styles.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/packages/vjs-plugin/src/styles.scss b/frontend/packages/vjs-plugin/src/styles.scss index f0840c19c..1a9e81098 100755 --- a/frontend/packages/vjs-plugin/src/styles.scss +++ b/frontend/packages/vjs-plugin/src/styles.scss @@ -1912,6 +1912,7 @@ $controlBarAnimationsDuration: 0.1s; width: 160px; height: 120px; overflow: hidden; + background-repeat: no-repeat; background-position: center 0; background-size: cover; background-color: rgba(28, 28, 28, 0.9); From 7364246b69ce64b7a270cfde0296c047fefe8c78 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=91=D0=BE=D0=B3=D0=B4=D0=B0=D0=BD=D0=BE=D0=B2=20=D0=A1?= =?UTF-8?q?=D0=B5=D1=80=D0=B3=D0=B5=D0=B9?= Date: Tue, 9 Jan 2024 21:44:00 +0000 Subject: [PATCH 3/3] Fixed empty previews in Chrome (npm build) --- .../packages/player/dist/mediacms-player.css | 125 +++++++++--------- .../vjs-plugin/dist/mediacms-vjs-plugin.css | 125 +++++++++--------- static/css/_commons.css | 2 +- 3 files changed, 127 insertions(+), 125 deletions(-) diff --git a/frontend/packages/player/dist/mediacms-player.css b/frontend/packages/player/dist/mediacms-player.css index be290d815..48d6e4977 100644 --- a/frontend/packages/player/dist/mediacms-player.css +++ b/frontend/packages/player/dist/mediacms-player.css @@ -61,8 +61,8 @@ /* SPACES */ /* ANIMATIONS */ /* FUNCTIONS */ -/*@function calc_($expression) { - @return $expression; +/*@function calc_($expression) { + @return $expression; }*/ /* ANIMATION KEYFRAMES */ @keyframes onHoverFullscreenToggle { @@ -232,11 +232,11 @@ outline-color: rgba(0, 0, 0, 0); outline-color: transparent; /* Doesn't work properly in Safari browser.*/ - /*&.vjs-loading-video { - video { - opacity: 0; - visibility: hidden; - } + /*&.vjs-loading-video { + video { + opacity: 0; + visibility: hidden; + } }*/ } .video-js.vjs-mediacms video { width: 100%; @@ -321,11 +321,11 @@ display: none; font-size: 0.8125em; z-index: +1; - /*display:block; - opacity: 0; - height:0; - visibility: hidden; - @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); + /*display:block; + opacity: 0; + height:0; + visibility: hidden; + @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); will-change:height;*/ } .video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title > [role='button'] { position: relative; } @@ -337,8 +337,8 @@ outline: 0; } .video-js.vjs-mediacms .vjs-settings-panel.vjs-visible-panel { display: block; - /*opacity: 1; - visibility: visible; + /*opacity: 1; + visibility: visible; height:auto;*/ } .video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-panel-inner { display: block; @@ -679,7 +679,7 @@ .video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { transition: width 0.2s linear; transition-delay: 0.15s; - /* transition: width 0s linear; + /* transition: width 0s linear; transition-delay: 0s; */ } .video-js.vjs-mediacms .vjs-actions-anim { -webkit-user-select: none; @@ -986,31 +986,31 @@ -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; - /*@-moz-document url-prefix() { - - position: relative; - padding-right: $font-size * 1.1; - overflow: hidden; - - &:before { - background-color: $bg-color; - bottom: 0; - position: absolute; - right: 0; - float: right; - text-align:right; - content: '\2026'; - width: $font-size * 1.1; - } - - &:after { - content: ''; - position: absolute; - height: 100%; - width: 100%; - z-index: +1; - background: $bg-color; - } + /*@-moz-document url-prefix() { + + position: relative; + padding-right: $font-size * 1.1; + overflow: hidden; + + &:before { + background-color: $bg-color; + bottom: 0; + position: absolute; + right: 0; + float: right; + text-align:right; + content: '\2026'; + width: $font-size * 1.1; + } + + &:after { + content: ''; + position: absolute; + height: 100%; + width: 100%; + z-index: +1; + background: $bg-color; + } }*/ color: #eee; } .video-js.vjs-mediacms .vjs-corner-layer .title-link:hover { @@ -1057,28 +1057,28 @@ .video-js.vjs-mediacms:hover .vjs-big-play-button { background-color: #009933; } -/* @-webkit-keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } -} - -@keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } +/* @-webkit-keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } +} + +@keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } } */ .video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, .video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display { @@ -1114,6 +1114,7 @@ width: 160px; height: 120px; overflow: hidden; + background-repeat: no-repeat; background-position: center 0; background-size: cover; background-color: rgba(28, 28, 28, 0.9); diff --git a/frontend/packages/vjs-plugin/dist/mediacms-vjs-plugin.css b/frontend/packages/vjs-plugin/dist/mediacms-vjs-plugin.css index be290d815..48d6e4977 100644 --- a/frontend/packages/vjs-plugin/dist/mediacms-vjs-plugin.css +++ b/frontend/packages/vjs-plugin/dist/mediacms-vjs-plugin.css @@ -61,8 +61,8 @@ /* SPACES */ /* ANIMATIONS */ /* FUNCTIONS */ -/*@function calc_($expression) { - @return $expression; +/*@function calc_($expression) { + @return $expression; }*/ /* ANIMATION KEYFRAMES */ @keyframes onHoverFullscreenToggle { @@ -232,11 +232,11 @@ outline-color: rgba(0, 0, 0, 0); outline-color: transparent; /* Doesn't work properly in Safari browser.*/ - /*&.vjs-loading-video { - video { - opacity: 0; - visibility: hidden; - } + /*&.vjs-loading-video { + video { + opacity: 0; + visibility: hidden; + } }*/ } .video-js.vjs-mediacms video { width: 100%; @@ -321,11 +321,11 @@ display: none; font-size: 0.8125em; z-index: +1; - /*display:block; - opacity: 0; - height:0; - visibility: hidden; - @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); + /*display:block; + opacity: 0; + height:0; + visibility: hidden; + @include transition( opacity 0.25s cubic-bezier(0.0,0.0,0.2,1) ); will-change:height;*/ } .video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title > [role='button'] { position: relative; } @@ -337,8 +337,8 @@ outline: 0; } .video-js.vjs-mediacms .vjs-settings-panel.vjs-visible-panel { display: block; - /*opacity: 1; - visibility: visible; + /*opacity: 1; + visibility: visible; height:auto;*/ } .video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-panel-inner { display: block; @@ -679,7 +679,7 @@ .video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { transition: width 0.2s linear; transition-delay: 0.15s; - /* transition: width 0s linear; + /* transition: width 0s linear; transition-delay: 0s; */ } .video-js.vjs-mediacms .vjs-actions-anim { -webkit-user-select: none; @@ -986,31 +986,31 @@ -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; - /*@-moz-document url-prefix() { - - position: relative; - padding-right: $font-size * 1.1; - overflow: hidden; - - &:before { - background-color: $bg-color; - bottom: 0; - position: absolute; - right: 0; - float: right; - text-align:right; - content: '\2026'; - width: $font-size * 1.1; - } - - &:after { - content: ''; - position: absolute; - height: 100%; - width: 100%; - z-index: +1; - background: $bg-color; - } + /*@-moz-document url-prefix() { + + position: relative; + padding-right: $font-size * 1.1; + overflow: hidden; + + &:before { + background-color: $bg-color; + bottom: 0; + position: absolute; + right: 0; + float: right; + text-align:right; + content: '\2026'; + width: $font-size * 1.1; + } + + &:after { + content: ''; + position: absolute; + height: 100%; + width: 100%; + z-index: +1; + background: $bg-color; + } }*/ color: #eee; } .video-js.vjs-mediacms .vjs-corner-layer .title-link:hover { @@ -1057,28 +1057,28 @@ .video-js.vjs-mediacms:hover .vjs-big-play-button { background-color: #009933; } -/* @-webkit-keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } -} - -@keyframes vjs-poster-reveal { - 0%{ - opacity:0; - } - 40%{ - opacity:0; - } - 100%{ - opacity:1; - } +/* @-webkit-keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } +} + +@keyframes vjs-poster-reveal { + 0%{ + opacity:0; + } + 40%{ + opacity:0; + } + 100%{ + opacity:1; + } } */ .video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip, .video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display { @@ -1114,6 +1114,7 @@ width: 160px; height: 120px; overflow: hidden; + background-repeat: no-repeat; background-position: center 0; background-size: cover; background-color: rgba(28, 28, 28, 0.9); diff --git a/static/css/_commons.css b/static/css/_commons.css index c153d527b..30246a594 100644 --- a/static/css/_commons.css +++ b/static/css/_commons.css @@ -1,4 +1,4 @@ -@font-face{font-family:MediaCmsVideoJsIcons;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAACMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dNY21hcAAAAYAAAABqAAABxPJEI45nbHlmAAAB7AAAANIAAAG4T61UQGhlYWQAAALAAAAALgAAADYZHmTsaGhlYQAAAvAAAAAYAAAAJABcADlobXR4AAADCAAAAA4AAAAgAVAAAGxvY2EAAAMYAAAAEgAAABIBvAEqbWF4cAAAAywAAAAfAAAAIAEVAExuYW1lAAADTAAAAUkAAAKmImr7xXBvc3QAAASYAAAAXwAAAIf4no6XeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQYpzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGcwAHJZwCQDAyOIAADEDQVjeJztkUEKxEAIBGsyZoSwT1n2QTnlkP/DvGBi6z4jQrXYiIcW2IEefAODdtFQneG29DtH+sYvd0z+9LVCmzRmS91i1+LiwGMcvPVJvf+TK7EiM9wK1HuhX0wrlOrcC/1pjgJ1L/AHpD8V1QAAeJyNkFtvwjAMhe2Y9aJGgFja8gCCNZAweKNcHtC0//+vOAlBDGlIJNEn28cnikOKwtqRpxF9Ep1tl83ZNBfen3744HJ77N1MYd0wc0qZEAFTA+fdb9/0d0rpEAFjDSdH/4JW9AG3z9uzX4jWUn5FJn2Z9LxFg5GyFL2KTPqW1g//pJBqKuPIpDvsKuo+XoEuJ1V1P/ZPjG5JM31jJk+//05l6/7Y1ybbcedQOkFq6vZF/fEDExkMhDljjhg+pxt8augEhshVKBcB6inD467W0Bp+AAB4nGNgZGBgAOJNl8rq4vltvjJwMxgARRjuvJp8Gplm0GbQBJIcDEwgDgBWfAr7AAB4nGNgZGBgMGBggJPaDIwMqIADAA4RAJZ4nGNgAAID3BgAE9ABUQAAAAAAAAAgAEAAUABgAHAAigDcAAB4nGNgZGBg4GBwYGBmAAEmIOYCQgaG/2A+AwAPpwFiAHicjZJNasJAGIbf1J9ShVJo6aabWYlQSNSldCcoCnbhIvuYTDSSZMJkFDxE79Bz9AClJ+hxSl+nsym4cAKT53u+n4RkANzhEx5Oy8OD3U/rCteM/rhBenLcJAeOW+hi4rhN/+q4g2esHXdxjzdO8Jo3NH28O77CLb4cN+i/HTfJP45bePR6jtvoey+OOwi9xHEXPe9jKZMsmhR1mCVSLep5rMp6JTf7PNLnUudcKHWdqVIM/cG59EyWUkdGJmJ9FPVhMzImFalWhZiq0sg8V6LSaidj42+NqcZBkDrvx6rAEhIJMkT8XgVqhOSETmHBaI6YVJJWdBvskbNSX9x1aV1Ip3nPbCwwhI/Bxd0zutJOiGBsj+BfPnKvceBbj2gNUsYpaxRnCUxt76k656VoKpvb0cT0Pra2q8KYpypg5/963z69+AXA8YLbAAAAeJx9x0kKgDAQBdHuOIPDSXKoaL4akERiOxxfceHSWhQ8UvRfyYoTTjnjnAsuuaLaYjT7IvpwOGuZYQTxRefN4aaHuscYIprPHpekNnhkwxI2tO+tHswqLniiGzpGHqcA) format("woff");font-weight:normal;font-style:normal}.vjs-icon-default-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-default-view:before{content:""}.vjs-icon-theater-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-theater-view:before{content:""}.vjs-icon-navigate-before{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-before:before{content:""}.vjs-icon-navigate-next{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-next:before{content:""}.vjs-icon-done{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-done:before{content:""}.vjs-icon-close{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-close:before{content:""}.vjs-icon-closed-caption{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-closed-caption:before{content:""}@keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@-webkit-keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@-webkit-keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes spinner-linear-spin{to{-webkit-transform:rotate(360deg)}}@keyframes spinner-linear-spin{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-ease-spin{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes spinner-ease-spin{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@-webkit-keyframes spinner-left-spin{0%{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes spinner-left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@-webkit-keyframes spinner-right-spin{0%{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes spinner-right-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}@keyframes showPreviewThumb{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes showPreviewThumb{0%{opacity:0}100%{opacity:1}}.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-theater-mode .vjs-theater-mode-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms{font-size:13px;color:#fff;width:100%;height:100%;overflow:hidden;outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms video{width:100%;height:100%;max-width:100%;max-height:100%;outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms.vjs-native-dimensions video{width:auto;height:auto}.video-js.vjs-mediacms.vjs-error .vjs-error-display{display:table;color:#eee;text-shadow:.05em .05em .1em #000}.video-js.vjs-mediacms.vjs-error .vjs-error-display:before,.video-js.vjs-mediacms.vjs-error .vjs-error-display:after{position:absolute;top:50%;left:.25em;display:block;width:52px;height:52px;line-height:52px;margin-top:-26px;text-align:center;font-size:3em}.video-js.vjs-mediacms.vjs-error .vjs-error-display:before{content:"";border-radius:50%;border:4px solid #fff}.video-js.vjs-mediacms.vjs-error .vjs-error-display:after{content:"!"}.video-js.vjs-mediacms.vjs-error .vjs-error-display .vjs-modal-dialog-content{position:relative;display:table-cell;vertical-align:middle;text-align:initial;padding:16px 1em 16px 80px;font-size:1.384615em;word-break:break-all}.video-js.vjs-mediacms .vjs-left-controls,.video-js.vjs-mediacms .vjs-right-controls{position:relative;width:auto;display:inline-block;height:36px;overflow:hidden}.video-js.vjs-mediacms .vjs-right-controls{float:right}.video-js.vjs-mediacms .vjs-subtitles-control{cursor:pointer}.video-js.vjs-mediacms.vjs-subtitles-on .vjs-subtitles-control .vjs-icon-placeholder:after{content:"";display:block;position:absolute;width:45%;left:27.5%;height:.18em;bottom:50%;margin-bottom:-1em;background-color:#093}.video-js.vjs-mediacms.vjs-subtitles-on.vjs-fullscreen .vjs-subtitles-control .vjs-icon-placeholder:after{width:42%;left:29%}.video-js.vjs-mediacms .vjs-text-track-cue>*{color:#fff !important;fill:#fff;background-color:#080808 !important;background-color:rgba(8,8,8,.75) !important;font-family:Roboto,"Arial Unicode Ms",Arial,Helvetica,Verdana,"PT Sans Caption",sans-serif !important}.video-js.vjs-mediacms .vjs-settings-control{font-size:1.375em;cursor:pointer}.video-js.vjs-mediacms .vjs-settings-panel{position:absolute;bottom:30px;right:0;width:23.75em;min-width:210px;display:none;font-size:.8125em;z-index:1}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>[role=button]{position:relative}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>[role=button]:focus{outline-color:#fff;outline-style:solid;outline-width:1px}.video-js.vjs-mediacms .vjs-settings-panel:focus{outline:0}.video-js.vjs-mediacms .vjs-settings-panel.vjs-visible-panel{display:block}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-panel-inner{display:block;margin:0 0 1em;padding:.5em 0;border-radius:.2em;background-color:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);max-height:210px;max-height:50vh;overflow:auto}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title{color:#eee;padding-bottom:.25em;margin-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.2)}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>*:first-child{display:inline-block;padding:.75em 1em;font-size:118%;font-weight:500}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>*:first-child[role=button]{padding:.5em 1em .5em 0;margin-left:.75em;margin-bottom:.25em .25em .5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title.vjs-settings-back>*:first-child{cursor:pointer}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title.vjs-settings-back>*:first-child:before{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;vertical-align:text-bottom;padding-right:.5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu{display:table;width:100%}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item{position:relative;display:table-row;width:100%;cursor:pointer;height:3em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item:hover,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item:focus{outline:0;background-color:rgba(255,255,255,.1)}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed{position:relative}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality .vjs-setting-menu-item-content:after,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed .vjs-setting-menu-item-content:after{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;font-weight:normal;vertical-align:text-bottom;padding-left:.5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality .vjs-setting-menu-item-content .auto-resolution-title,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed .vjs-setting-menu-item-content .auto-resolution-title{font-weight:lighter;color:#eee}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-label,.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content{display:table-cell;vertical-align:middle;padding:0 1em;line-height:1;font-size:118%}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-label{font-weight:500}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content{text-align:right;font-weight:700}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content.auto-resolution{font-size:109%;font-weight:400}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel{z-index:1}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item .vjs-setting-menu-item-content{text-align:left;padding-left:2.75em}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content{position:relative;padding-left:.75em}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;line-height:.75;padding-right:.5em;float:left}.video-js.vjs-mediacms .vjs-button.vjs-play-control,.video-js.vjs-mediacms .vjs-button.vjs-next-button,.video-js.vjs-mediacms .vjs-button.vjs-previous-button{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-button.vjs-next-button,.video-js.vjs-mediacms .vjs-button.vjs-previous-button{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-mediacms .vjs-button.vjs-next-button .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-button.vjs-previous-button .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-big-play-button{width:2.65em;height:1.49062em;line-height:1.49062em;font-size:2.5em;outline:0;border:0;border-radius:.15em;background-color:#000;background-color:rgba(0,0,0,.7);transition-duration:.2s;top:50%;left:50%;margin-left:-1.325em;margin-top:-0.74531em}.video-js.vjs-mediacms.vjs-changing-resolution .vjs-big-play-button{display:none}.video-js.vjs-mediacms .vjs-bottom-bg{position:absolute;bottom:0;left:-12px;right:-12px;height:36px;display:block;pointer-events:none;background:rgba(0,0,0,.1);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55)));background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%)}.video-js.vjs-mediacms .vjs-control-bar{z-index:4;width:auto;left:12px;right:12px;background:none;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control-bar .vjs-button:focus{outline-width:0}.video-js.vjs-mediacms .vjs-control-bar .vjs-button[key-focus]:focus:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-control-bar .vjs-button .vjs-icon-placeholder:before{margin-top:-2px}.video-js.vjs-mediacms .vjs-menu-button .vjs-menu-content{background-color:#000;background-color:rgba(0,0,0,.7)}.video-js.vjs-mediacms .vjs-slider{background-color:#fff;background-color:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-slider:focus{text-shadow:none;box-shadow:none}.video-js.vjs-mediacms .vjs-slider-bar{background:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-slider-bar.vjs-play-progress{background-color:#fff}.video-js.vjs-mediacms .vjs-load-progress{background:none}.video-js.vjs-mediacms .vjs-load-progress div{background-color:#fff;background-color:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-volume-level{background:#fff}.video-js.vjs-mediacms .vjs-volume-level:before{line-height:1;top:-4px;font-size:12px}.video-js.vjs-mediacms .vjs-time-divider,.video-js.vjs-mediacms .vjs-duration,.video-js.vjs-mediacms .vjs-current-time,.video-js.vjs-mediacms.vjs-no-flex .vjs-duration,.video-js.vjs-mediacms.vjs-no-flex .vjs-current-time{display:block}.video-js.vjs-mediacms .vjs-current-time{margin-left:.45em}.video-js.vjs-mediacms .vjs-control{display:inline-block;float:left;padding:0;min-width:0;width:36px;line-height:34px;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control:focus:before,.video-js.vjs-mediacms .vjs-control:hover:before,.video-js.vjs-mediacms .vjs-control:focus{text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control.vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{margin-left:-0.17em}.video-js.vjs-mediacms .vjs-control.vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{margin-left:-0.08em}.video-js.vjs-mediacms .vjs-control.vjs-disabled.vjs-picture-in-picture-control{display:none}.video-js.vjs-mediacms .vjs-progress-control{position:absolute;top:-0.3em;left:0;display:block;flex:none;width:100%;height:auto;z-index:1;padding-top:29px;height:30px;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent}.video-js.vjs-mediacms .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{line-height:1;font-size:11px;font-weight:600;height:auto;padding:8px 12px;border-radius:2px}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder{height:.3em;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus{outline-width:0}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder[key-focus]:focus:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress{line-height:1em}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before{top:50%;margin-top:-0.5em;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-progress-control .vjs-play-progress:before{font-size:1em;display:none}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-play-progress:before,.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus .vjs-play-progress:before{display:block}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus{font-size:1.2875em}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-play-progress .vjs-time-tooltip{display:none}.video-js.vjs-mediacms .vjs-time-control{display:inline-block;float:left;min-width:0;height:36px;line-height:34px;width:auto;padding:1px 0 0;text-align:center;font-size:.975em}.video-js.vjs-mediacms .vjs-time-control.vjs-time-divider{min-width:1em;text-align:center}.video-js.vjs-mediacms .vjs-fullscreen-control{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-fullscreen-control:hover{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:onHoverFullscreenToggle;animation-name:onHoverFullscreenToggle}.video-js.vjs-mediacms .vjs-theater-mode-control{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal{min-width:36px;width:0;overflow:hidden}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:9em;transition:all 0s}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control{position:absolute;top:0;left:36px;height:36px;width:0;visibility:visible;opacity:1}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{margin-left:.45em;margin-right:.45em;transition:all 0s}.video-js.vjs-mediacms .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{position:absolute;width:5.5em;height:36px}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar:focus{outline-width:0}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar[key-focus]:focus:after{content:"";position:absolute;top:-1em;left:-0.5em;right:-0.5em;bottom:-1em;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal{margin:16.5px .45em 16.5px 0}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:3px}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width .35s linear}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width .2s linear;transition-delay:.15s}.video-js.vjs-mediacms .vjs-actions-anim{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;width:7.375em;height:7.375em;line-height:7.375em;margin-top:-3.6875em;margin-left:-3.6875em;display:block;text-align:center;border-radius:50%;color:#eee;background-color:rgba(0,0,0,.25);visibility:hidden;opacity:0}.video-js.vjs-mediacms .vjs-actions-anim span{display:block}.video-js.vjs-mediacms .vjs-actions-anim span:after{content:"";font-family:VideoJS;font-weight:normal;font-style:normal;font-size:42px}.video-js.vjs-mediacms .vjs-actions-anim.just-paused span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.started-playing span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-high span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-mid span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-low span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-mute span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-backward span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-forward span{transform:scale(-1, 1)}.video-js.vjs-mediacms .vjs-actions-anim.moving-forward span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-backward:before,.video-js.vjs-mediacms .vjs-actions-anim.moving-forward:before{content:"5";position:absolute;top:2px;left:0;right:0;bottom:0;display:block;font-size:10px;font-weight:700;font-family:Arial,sans-serif}.video-js.vjs-mediacms .vjs-actions-anim.play_previous span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.play_next span:after{content:""}.video-js.vjs-mediacms .vjs-corner-layer{position:absolute;display:block;z-index:1}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{top:12px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{bottom:12px;transition-duration:.1s;transition-property:bottom}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{left:12px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{right:12px}.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width 0s linear}.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width 0s linear;transition-delay:0s}.video-js.vjs-mediacms.vjs-has-started .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-control-bar{display:block;height:66px;padding-top:30px;transition-duration:.1s;transition-property:transform,opacity,visibility}.video-js.vjs-mediacms.vjs-has-started .vjs-actions-anim.active-anim,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-actions-anim.active-anim{visibility:visible;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:onDisplayingActionAnimation;animation-name:onDisplayingActionAnimation}.video-js.vjs-mediacms.vjs-has-started .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-has-started .vjs-corner-layer.vjs-corner-bottom-right,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-corner-layer.vjs-corner-bottom-right{bottom:48px}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-right,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-right{bottom:12px}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-control-bar{transform:translate(0px, 36px)}.video-js.vjs-mediacms.vjs-fullscreen{font-size:16px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-left-controls,.video-js.vjs-mediacms.vjs-fullscreen .vjs-right-controls{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-theater-mode-control{display:none}.video-js.vjs-mediacms.vjs-fullscreen .vjs-bottom-bg{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-settings-panel{bottom:45px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control{width:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-time-control{width:auto}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control,.video-js.vjs-mediacms.vjs-fullscreen .vjs-time-control{height:52px;line-height:50px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-progress-control.vjs-control{width:100%;height:auto}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control-bar .vjs-button .vjs-icon-placeholder:before{margin-top:2px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control-bar .vjs-button.vjs-fullscreen-control .vjs-icon-placeholder:before{font-size:2em;line-height:1.5}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-level:before{top:-5px;font-size:14px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-fullscreen-control:hover{-webkit-animation-name:onFullscreenHoverFullscreenToggle;animation-name:onFullscreenHoverFullscreenToggle}.video-js.vjs-mediacms.vjs-fullscreen .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms.vjs-fullscreen .vjs-mouse-display .vjs-time-tooltip{font-size:12px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal{margin:23.5px .45em 23.5px 0}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:5px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal{min-width:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:all 0s}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control{left:52px;height:36px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width .3s linear}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width .2s linear;transition-delay:.1s}.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width 0s linear}.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width 0s linear;transition-delay:0s}.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer.vjs-corner-bottom-right{bottom:64px}.video-js.vjs-mediacms.vjs-has-started.vjs-fullscreen .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-fullscreen .vjs-control-bar{height:82px}.video-js.vjs-mediacms.vjs-has-started.vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-control-bar{transform:translate(0px, 52px)}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none;pointer-events:none;z-index:2;position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.6);visibility:hidden;opacity:0;transition-timing-function:linear;transition-duration:.1s;transition-property:opacity,visibility}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls button{pointer-events:auto;display:inline-block;width:auto;height:auto;line-height:1;float:none;margin:1rem;font-size:2.625em;width:56px;height:56px;line-height:56px;outline:0;border-radius:50%}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls>*{position:absolute;display:block;top:50%;left:0;margin-top:-44px;display:table;width:100%}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls>*>*{display:table-cell;text-align:center;vertical-align:middle}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-previous-button{text-align:right}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-play-button{width:10.5em;text-align:center}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-play-button button{font-size:56px}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-next-button{text-align:left}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-hidden-button *{visibility:hidden;opacity:0}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-disabled-button *{color:#404040;color:rgba(255,255,255,.25);cursor:disabled}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-seeking .vjs-actions-anim,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-waiting .vjs-actions-anim,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-actions-anim{display:none}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-play-control,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-next-button,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-previous-button{display:none}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-has-started.vjs-playing.vjs-user-active .vjs-touch-controls,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-has-started.vjs-paused .vjs-touch-controls{visibility:visible;opacity:1}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-playing .vjs-icon-play:before{content:""}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-ended .more-media.full-wrapper{visibility:hidden}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-ended .vjs-icon-play:before{content:""}.video-js.vjs-mediacms{padding-top:50%}.video-js.vjs-mediacms video[poster]{-o-object-fit:fill;object-fit:fill}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress{background-color:#093}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before{color:#093}.video-js.vjs-mediacms .vjs-poster{background-size:cover}.video-js.vjs-mediacms.vjs-changing-resolution .vjs-poster{display:none}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{top:16px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left{max-width:80%}.video-js.vjs-mediacms .vjs-corner-layer .title-link,.video-js.vjs-mediacms .vjs-corner-layer .user-thumb-link{outline:0;transition-duration:.1s;transition-property:opacity,visibility}.video-js.vjs-mediacms .vjs-corner-layer .title-link{display:inline-block;font-size:16px;font-stretch:100%;text-decoration:none;text-shadow:0 0 2px rgba(0,0,0,.5);line-height:23.4px;overflow:hidden;text-overflow:ellipsis;background-color:transparent;display:block;max-height:46.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#eee}.video-js.vjs-mediacms .vjs-corner-layer .title-link:hover{color:#fff}@media screen and (min-width: 768px){.video-js.vjs-mediacms .vjs-corner-layer .title-link{font-size:18px}}.video-js.vjs-mediacms .vjs-corner-layer .user-thumb-link{position:relative;display:block;width:36px;height:36px;overflow:hidden;border-radius:50%;margin-bottom:4px;background-size:cover;background-position:center;background-repeat:no-repeat}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left{display:block}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left .title-link{padding-left:48px;padding-top:7px}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left .user-thumb-link{position:absolute;top:0;left:0;display:inline-block}.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:16px}@media screen and (min-width: 768px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:18px}}@media screen and (min-width: 992px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:20px}}@media screen and (min-width: 1040px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:22px}}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer .title-link,.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer .user-thumb-link{opacity:0;visibility:hidden}.video-js.vjs-mediacms:hover .vjs-big-play-button{background-color:#093}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display{font-size:.776699em;font-weight:500;line-height:1}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display>*{padding:.5em .65em .4em;color:rgba(255,255,255,.9);background-color:rgba(28,28,28,.95);border-radius:2px}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display{background-color:rgba(28,28,28,.9)}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{top:auto;bottom:.5em}.video-js.vjs-mediacms .vjs-preview-thumb{display:none}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb{position:relative;opacity:0;visibility:hidden;display:block}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-inner{position:absolute;bottom:1em;left:-80px;width:160px;height:120px;overflow:hidden;background-position:center 0;background-size:cover;background-color:rgba(28,28,28,.9);border:2px solid rgba(28,28,28,.9);border-radius:1px}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-time-display{position:absolute;bottom:-2px;left:0;width:100%;line-height:1;font-size:1em;font-weight:600;display:inline-block}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-time-display>*{display:inline-block;padding:.5em .65em .45em}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control.andrd-active .vjs-preview-thumb,.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control:hover .vjs-preview-thumb,.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control:active .vjs-preview-thumb{visibility:visible;-webkit-animation-name:showPreviewThumb;animation-name:showPreviewThumb;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.video-js.vjs-mediacms.vjs-enabled-preview-thumb.vjs-user-inactive .vjs-progress-control .vjs-preview-thumb{opacity:0;visibility:hidden;transition:visibility 1s linear,opacity 1s linear}.video-js.vjs-mediacms.vjs-enabled-preview-thumb.vjs-touch-enabled .vjs-preview-thumb{display:none}.video-js.vjs-mediacms .vjs-loading-spinner{width:64px;height:64px;margin:-32px 0 0 -32px;border:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-animation-delay:.44s;animation-delay:.44s}.video-js.vjs-mediacms .vjs-loading-spinner:after,.video-js.vjs-mediacms .vjs-loading-spinner:before{display:none}.video-js.vjs-mediacms .vjs-loading-spinner .spinner{z-index:1;position:absolute;left:50%;top:50%;width:100%;margin-left:-32px;pointer-events:none;background-color:#eee}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-container{pointer-events:none;position:absolute;width:100%;top:50%;left:50%;margin-top:-50%;margin-left:-50%;padding-bottom:100%;animation:spinner-linear-spin 1568.23529647ms linear infinite;-webkit-animation:spinner-linear-spin 1568.23529647ms linear infinite}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-rotator{position:absolute;width:100%;height:100%;-webkit-animation:spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left,.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right{position:absolute;top:0;bottom:0;overflow:hidden}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-circle{position:absolute;width:200%;height:100%;box-sizing:border-box;border-radius:50%;border-style:solid;border-width:6px;border-color:#eee #eee transparent}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left{left:0;right:49%}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left .spinner-circle{left:0;right:-100%;border-right-color:transparent;-webkit-animation:spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right{left:49%;right:0}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right .spinner-circle{left:-100%;right:0;border-left-color:transparent;-webkit-animation:spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1 1) infinite both}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner{width:96px;height:96px;margin:-48px 0 0 -48px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner .spinner{margin-left:-48px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner .spinner-circle{border-width:9px}.video-js.vjs-mediacms.vjs-error .vjs-loading-spinner{display:none} +@font-face{font-family:MediaCmsVideoJsIcons;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAACMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dNY21hcAAAAYAAAABqAAABxPJEI45nbHlmAAAB7AAAANIAAAG4T61UQGhlYWQAAALAAAAALgAAADYZHmTsaGhlYQAAAvAAAAAYAAAAJABcADlobXR4AAADCAAAAA4AAAAgAVAAAGxvY2EAAAMYAAAAEgAAABIBvAEqbWF4cAAAAywAAAAfAAAAIAEVAExuYW1lAAADTAAAAUkAAAKmImr7xXBvc3QAAASYAAAAXwAAAIf4no6XeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQYpzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGcwAHJZwCQDAyOIAADEDQVjeJztkUEKxEAIBGsyZoSwT1n2QTnlkP/DvGBi6z4jQrXYiIcW2IEefAODdtFQneG29DtH+sYvd0z+9LVCmzRmS91i1+LiwGMcvPVJvf+TK7EiM9wK1HuhX0wrlOrcC/1pjgJ1L/AHpD8V1QAAeJyNkFtvwjAMhe2Y9aJGgFja8gCCNZAweKNcHtC0//+vOAlBDGlIJNEn28cnikOKwtqRpxF9Ep1tl83ZNBfen3744HJ77N1MYd0wc0qZEAFTA+fdb9/0d0rpEAFjDSdH/4JW9AG3z9uzX4jWUn5FJn2Z9LxFg5GyFL2KTPqW1g//pJBqKuPIpDvsKuo+XoEuJ1V1P/ZPjG5JM31jJk+//05l6/7Y1ybbcedQOkFq6vZF/fEDExkMhDljjhg+pxt8augEhshVKBcB6inD467W0Bp+AAB4nGNgZGBgAOJNl8rq4vltvjJwMxgARRjuvJp8Gplm0GbQBJIcDEwgDgBWfAr7AAB4nGNgZGBgMGBggJPaDIwMqIADAA4RAJZ4nGNgAAID3BgAE9ABUQAAAAAAAAAgAEAAUABgAHAAigDcAAB4nGNgZGBg4GBwYGBmAAEmIOYCQgaG/2A+AwAPpwFiAHicjZJNasJAGIbf1J9ShVJo6aabWYlQSNSldCcoCnbhIvuYTDSSZMJkFDxE79Bz9AClJ+hxSl+nsym4cAKT53u+n4RkANzhEx5Oy8OD3U/rCteM/rhBenLcJAeOW+hi4rhN/+q4g2esHXdxjzdO8Jo3NH28O77CLb4cN+i/HTfJP45bePR6jtvoey+OOwi9xHEXPe9jKZMsmhR1mCVSLep5rMp6JTf7PNLnUudcKHWdqVIM/cG59EyWUkdGJmJ9FPVhMzImFalWhZiq0sg8V6LSaidj42+NqcZBkDrvx6rAEhIJMkT8XgVqhOSETmHBaI6YVJJWdBvskbNSX9x1aV1Ip3nPbCwwhI/Bxd0zutJOiGBsj+BfPnKvceBbj2gNUsYpaxRnCUxt76k656VoKpvb0cT0Pra2q8KYpypg5/963z69+AXA8YLbAAAAeJx9x0kKgDAQBdHuOIPDSXKoaL4akERiOxxfceHSWhQ8UvRfyYoTTjnjnAsuuaLaYjT7IvpwOGuZYQTxRefN4aaHuscYIprPHpekNnhkwxI2tO+tHswqLniiGzpGHqcA) format("woff");font-weight:normal;font-style:normal}.vjs-icon-default-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-default-view:before{content:""}.vjs-icon-theater-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-theater-view:before{content:""}.vjs-icon-navigate-before{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-before:before{content:""}.vjs-icon-navigate-next{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-next:before{content:""}.vjs-icon-done{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-done:before{content:""}.vjs-icon-close{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-close:before{content:""}.vjs-icon-closed-caption{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-closed-caption:before{content:""}@keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@-webkit-keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@-webkit-keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes spinner-linear-spin{to{-webkit-transform:rotate(360deg)}}@keyframes spinner-linear-spin{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-ease-spin{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes spinner-ease-spin{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@-webkit-keyframes spinner-left-spin{0%{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes spinner-left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@-webkit-keyframes spinner-right-spin{0%{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes spinner-right-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}@keyframes showPreviewThumb{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes showPreviewThumb{0%{opacity:0}100%{opacity:1}}.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.video-js.vjs-mediacms .vjs-subtitles-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.video-js.vjs-mediacms .vjs-theater-mode-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-theater-mode .vjs-theater-mode-control .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms{font-size:13px;color:#fff;width:100%;height:100%;overflow:hidden;outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms video{width:100%;height:100%;max-width:100%;max-height:100%;outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms.vjs-native-dimensions video{width:auto;height:auto}.video-js.vjs-mediacms.vjs-error .vjs-error-display{display:table;color:#eee;text-shadow:.05em .05em .1em #000}.video-js.vjs-mediacms.vjs-error .vjs-error-display:before,.video-js.vjs-mediacms.vjs-error .vjs-error-display:after{position:absolute;top:50%;left:.25em;display:block;width:52px;height:52px;line-height:52px;margin-top:-26px;text-align:center;font-size:3em}.video-js.vjs-mediacms.vjs-error .vjs-error-display:before{content:"";border-radius:50%;border:4px solid #fff}.video-js.vjs-mediacms.vjs-error .vjs-error-display:after{content:"!"}.video-js.vjs-mediacms.vjs-error .vjs-error-display .vjs-modal-dialog-content{position:relative;display:table-cell;vertical-align:middle;text-align:initial;padding:16px 1em 16px 80px;font-size:1.384615em;word-break:break-all}.video-js.vjs-mediacms .vjs-left-controls,.video-js.vjs-mediacms .vjs-right-controls{position:relative;width:auto;display:inline-block;height:36px;overflow:hidden}.video-js.vjs-mediacms .vjs-right-controls{float:right}.video-js.vjs-mediacms .vjs-subtitles-control{cursor:pointer}.video-js.vjs-mediacms.vjs-subtitles-on .vjs-subtitles-control .vjs-icon-placeholder:after{content:"";display:block;position:absolute;width:45%;left:27.5%;height:.18em;bottom:50%;margin-bottom:-1em;background-color:#093}.video-js.vjs-mediacms.vjs-subtitles-on.vjs-fullscreen .vjs-subtitles-control .vjs-icon-placeholder:after{width:42%;left:29%}.video-js.vjs-mediacms .vjs-text-track-cue>*{color:#fff !important;fill:#fff;background-color:#080808 !important;background-color:rgba(8,8,8,.75) !important;font-family:Roboto,"Arial Unicode Ms",Arial,Helvetica,Verdana,"PT Sans Caption",sans-serif !important}.video-js.vjs-mediacms .vjs-settings-control{font-size:1.375em;cursor:pointer}.video-js.vjs-mediacms .vjs-settings-panel{position:absolute;bottom:30px;right:0;width:23.75em;min-width:210px;display:none;font-size:.8125em;z-index:1}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>[role=button]{position:relative}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>[role=button]:focus{outline-color:#fff;outline-style:solid;outline-width:1px}.video-js.vjs-mediacms .vjs-settings-panel:focus{outline:0}.video-js.vjs-mediacms .vjs-settings-panel.vjs-visible-panel{display:block}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-panel-inner{display:block;margin:0 0 1em;padding:.5em 0;border-radius:.2em;background-color:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);max-height:210px;max-height:50vh;overflow:auto}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title{color:#eee;padding-bottom:.25em;margin-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.2)}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>*:first-child{display:inline-block;padding:.75em 1em;font-size:118%;font-weight:500}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title>*:first-child[role=button]{padding:.5em 1em .5em 0;margin-left:.75em;margin-bottom:.25em .25em .5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title.vjs-settings-back>*:first-child{cursor:pointer}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-panel-title.vjs-settings-back>*:first-child:before{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;vertical-align:text-bottom;padding-right:.5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu{display:table;width:100%}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item{position:relative;display:table-row;width:100%;cursor:pointer;height:3em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item:hover,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item:focus{outline:0;background-color:rgba(255,255,255,.1)}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed{position:relative}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality .vjs-setting-menu-item-content:after,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed .vjs-setting-menu-item-content:after{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;font-weight:normal;vertical-align:text-bottom;padding-left:.5em}.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-quality .vjs-setting-menu-item-content .auto-resolution-title,.video-js.vjs-mediacms .vjs-settings-panel .vjs-settings-menu-item.vjs-selected-speed .vjs-setting-menu-item-content .auto-resolution-title{font-weight:lighter;color:#eee}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-label,.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content{display:table-cell;vertical-align:middle;padding:0 1em;line-height:1;font-size:118%}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-label{font-weight:500}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content{text-align:right;font-weight:700}.video-js.vjs-mediacms .vjs-settings-panel .vjs-setting-menu-item-content.auto-resolution{font-size:109%;font-weight:400}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel{z-index:1}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item .vjs-setting-menu-item-content{text-align:left;padding-left:2.75em}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content{position:relative;padding-left:.75em}.video-js.vjs-mediacms .vjs-settings-panel.vjs-playback-speed-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before,.video-js.vjs-mediacms .vjs-settings-panel.vjs-resolutions-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before,.video-js.vjs-mediacms .vjs-settings-panel.vjs-subtitles-panel .vjs-settings-menu-item.vjs-selected-menu-item .vjs-setting-menu-item-content:before{content:"";font-family:"MediaCmsVideoJsIcons";font-size:1.25em;line-height:.75;padding-right:.5em;float:left}.video-js.vjs-mediacms .vjs-button.vjs-play-control,.video-js.vjs-mediacms .vjs-button.vjs-next-button,.video-js.vjs-mediacms .vjs-button.vjs-previous-button{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-button.vjs-next-button,.video-js.vjs-mediacms .vjs-button.vjs-previous-button{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-mediacms .vjs-button.vjs-next-button .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-button.vjs-previous-button .vjs-icon-placeholder:before{content:""}.video-js.vjs-mediacms .vjs-big-play-button{width:2.65em;height:1.49062em;line-height:1.49062em;font-size:2.5em;outline:0;border:0;border-radius:.15em;background-color:#000;background-color:rgba(0,0,0,.7);transition-duration:.2s;top:50%;left:50%;margin-left:-1.325em;margin-top:-0.74531em}.video-js.vjs-mediacms.vjs-changing-resolution .vjs-big-play-button{display:none}.video-js.vjs-mediacms .vjs-bottom-bg{position:absolute;bottom:0;left:-12px;right:-12px;height:36px;display:block;pointer-events:none;background:rgba(0,0,0,.1);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55)));background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%)}.video-js.vjs-mediacms .vjs-control-bar{z-index:4;width:auto;left:12px;right:12px;background:none;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control-bar .vjs-button:focus{outline-width:0}.video-js.vjs-mediacms .vjs-control-bar .vjs-button[key-focus]:focus:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-control-bar .vjs-button .vjs-icon-placeholder:before{margin-top:-2px}.video-js.vjs-mediacms .vjs-menu-button .vjs-menu-content{background-color:#000;background-color:rgba(0,0,0,.7)}.video-js.vjs-mediacms .vjs-slider{background-color:#fff;background-color:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-slider:focus{text-shadow:none;box-shadow:none}.video-js.vjs-mediacms .vjs-slider-bar{background:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-slider-bar.vjs-play-progress{background-color:#fff}.video-js.vjs-mediacms .vjs-load-progress{background:none}.video-js.vjs-mediacms .vjs-load-progress div{background-color:#fff;background-color:rgba(255,255,255,.25)}.video-js.vjs-mediacms .vjs-volume-level{background:#fff}.video-js.vjs-mediacms .vjs-volume-level:before{line-height:1;top:-4px;font-size:12px}.video-js.vjs-mediacms .vjs-time-divider,.video-js.vjs-mediacms .vjs-duration,.video-js.vjs-mediacms .vjs-current-time,.video-js.vjs-mediacms.vjs-no-flex .vjs-duration,.video-js.vjs-mediacms.vjs-no-flex .vjs-current-time{display:block}.video-js.vjs-mediacms .vjs-current-time{margin-left:.45em}.video-js.vjs-mediacms .vjs-control{display:inline-block;float:left;padding:0;min-width:0;width:36px;line-height:34px;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control:focus:before,.video-js.vjs-mediacms .vjs-control:hover:before,.video-js.vjs-mediacms .vjs-control:focus{text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-control.vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{margin-left:-0.17em}.video-js.vjs-mediacms .vjs-control.vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{margin-left:-0.08em}.video-js.vjs-mediacms .vjs-control.vjs-disabled.vjs-picture-in-picture-control{display:none}.video-js.vjs-mediacms .vjs-progress-control{position:absolute;top:-0.3em;left:0;display:block;flex:none;width:100%;height:auto;z-index:1;padding-top:29px;height:30px;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent}.video-js.vjs-mediacms .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{line-height:1;font-size:11px;font-weight:600;height:auto;padding:8px 12px;border-radius:2px}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder{height:.3em;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus{outline-width:0}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder[key-focus]:focus:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress{line-height:1em}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before{top:50%;margin-top:-0.5em;text-shadow:0 1px 3px rgba(0,0,0,.05)}.video-js.vjs-mediacms .vjs-progress-control .vjs-play-progress:before{font-size:1em;display:none}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-play-progress:before,.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus .vjs-play-progress:before{display:block}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder:focus{font-size:1.2875em}.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-play-progress .vjs-time-tooltip{display:none}.video-js.vjs-mediacms .vjs-time-control{display:inline-block;float:left;min-width:0;height:36px;line-height:34px;width:auto;padding:1px 0 0;text-align:center;font-size:.975em}.video-js.vjs-mediacms .vjs-time-control.vjs-time-divider{min-width:1em;text-align:center}.video-js.vjs-mediacms .vjs-fullscreen-control{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-fullscreen-control:hover{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:onHoverFullscreenToggle;animation-name:onHoverFullscreenToggle}.video-js.vjs-mediacms .vjs-theater-mode-control{overflow:hidden;cursor:pointer}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal{min-width:36px;width:0;overflow:hidden}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:9em;transition:all 0s}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control{position:absolute;top:0;left:36px;height:36px;width:0;visibility:visible;opacity:1}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{margin-left:.45em;margin-right:.45em;transition:all 0s}.video-js.vjs-mediacms .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{position:absolute;width:5.5em;height:36px}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar:focus{outline-width:0}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar[key-focus]:focus:after{content:"";position:absolute;top:-1em;left:-0.5em;right:-0.5em;bottom:-1em;display:block;border-radius:1px;border:2px solid rgba(255,255,255,.75)}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal{margin:16.5px .45em 16.5px 0}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:3px}.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width .35s linear}.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width .2s linear;transition-delay:.15s}.video-js.vjs-mediacms .vjs-actions-anim{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:50%;width:7.375em;height:7.375em;line-height:7.375em;margin-top:-3.6875em;margin-left:-3.6875em;display:block;text-align:center;border-radius:50%;color:#eee;background-color:rgba(0,0,0,.25);visibility:hidden;opacity:0}.video-js.vjs-mediacms .vjs-actions-anim span{display:block}.video-js.vjs-mediacms .vjs-actions-anim span:after{content:"";font-family:VideoJS;font-weight:normal;font-style:normal;font-size:42px}.video-js.vjs-mediacms .vjs-actions-anim.just-paused span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.started-playing span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-high span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-mid span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-low span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.volume-mute span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-backward span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-forward span{transform:scale(-1, 1)}.video-js.vjs-mediacms .vjs-actions-anim.moving-forward span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.moving-backward:before,.video-js.vjs-mediacms .vjs-actions-anim.moving-forward:before{content:"5";position:absolute;top:2px;left:0;right:0;bottom:0;display:block;font-size:10px;font-weight:700;font-family:Arial,sans-serif}.video-js.vjs-mediacms .vjs-actions-anim.play_previous span:after{content:""}.video-js.vjs-mediacms .vjs-actions-anim.play_next span:after{content:""}.video-js.vjs-mediacms .vjs-corner-layer{position:absolute;display:block;z-index:1}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{top:12px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{bottom:12px;transition-duration:.1s;transition-property:bottom}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{left:12px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{right:12px}.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width 0s linear}.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width 0s linear;transition-delay:0s}.video-js.vjs-mediacms.vjs-has-started .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-control-bar{display:block;height:66px;padding-top:30px;transition-duration:.1s;transition-property:transform,opacity,visibility}.video-js.vjs-mediacms.vjs-has-started .vjs-actions-anim.active-anim,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-actions-anim.active-anim{visibility:visible;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:onDisplayingActionAnimation;animation-name:onDisplayingActionAnimation}.video-js.vjs-mediacms.vjs-has-started .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-has-started .vjs-corner-layer.vjs-corner-bottom-right,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-changing-resolution .vjs-corner-layer.vjs-corner-bottom-right{bottom:48px}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-right,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-corner-layer.vjs-corner-bottom-right{bottom:12px}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-user-inactive.vjs-playing .vjs-control-bar{transform:translate(0px, 36px)}.video-js.vjs-mediacms.vjs-fullscreen{font-size:16px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-left-controls,.video-js.vjs-mediacms.vjs-fullscreen .vjs-right-controls{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-theater-mode-control{display:none}.video-js.vjs-mediacms.vjs-fullscreen .vjs-bottom-bg{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-settings-panel{bottom:45px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control{width:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-time-control{width:auto}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control,.video-js.vjs-mediacms.vjs-fullscreen .vjs-time-control{height:52px;line-height:50px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-progress-control.vjs-control{width:100%;height:auto}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control-bar .vjs-button .vjs-icon-placeholder:before{margin-top:2px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-control-bar .vjs-button.vjs-fullscreen-control .vjs-icon-placeholder:before{font-size:2em;line-height:1.5}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-level:before{top:-5px;font-size:14px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-fullscreen-control:hover{-webkit-animation-name:onFullscreenHoverFullscreenToggle;animation-name:onFullscreenHoverFullscreenToggle}.video-js.vjs-mediacms.vjs-fullscreen .vjs-play-progress .vjs-time-tooltip,.video-js.vjs-mediacms.vjs-fullscreen .vjs-mouse-display .vjs-time-tooltip{font-size:12px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal{margin:23.5px .45em 23.5px 0}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{height:5px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal{min-width:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:all 0s}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control{left:52px;height:36px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{height:52px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width .3s linear}.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width .2s linear;transition-delay:.1s}.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel.vjs-volume-panel-horizontal:hover{transition:width 0s linear}.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js.vjs-mediacms.vjs-fullscreen.vjs-fullscreen-change .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{transition:width 0s linear;transition-delay:0s}.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer.vjs-corner-bottom-left,.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer.vjs-corner-bottom-right{bottom:64px}.video-js.vjs-mediacms.vjs-has-started.vjs-fullscreen .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-fullscreen .vjs-control-bar{height:82px}.video-js.vjs-mediacms.vjs-has-started.vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-control-bar,.video-js.vjs-mediacms.vjs-changing-resolution.vjs-fullscreen.vjs-user-inactive.vjs-playing .vjs-control-bar{transform:translate(0px, 52px)}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none;pointer-events:none;z-index:2;position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.6);visibility:hidden;opacity:0;transition-timing-function:linear;transition-duration:.1s;transition-property:opacity,visibility}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls button{pointer-events:auto;display:inline-block;width:auto;height:auto;line-height:1;float:none;margin:1rem;font-size:2.625em;width:56px;height:56px;line-height:56px;outline:0;border-radius:50%}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls>*{position:absolute;display:block;top:50%;left:0;margin-top:-44px;display:table;width:100%}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls>*>*{display:table-cell;text-align:center;vertical-align:middle}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-previous-button{text-align:right}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-play-button{width:10.5em;text-align:center}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-play-button button{font-size:56px}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-next-button{text-align:left}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-hidden-button *{visibility:hidden;opacity:0}.video-js.vjs-mediacms.vjs-enabled-touch-controls .vjs-touch-controls .vjs-touch-disabled-button *{color:#404040;color:rgba(255,255,255,.25);cursor:disabled}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-seeking .vjs-actions-anim,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-waiting .vjs-actions-anim,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-actions-anim{display:none}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-play-control,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-next-button,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled .vjs-previous-button{display:none}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-has-started.vjs-playing.vjs-user-active .vjs-touch-controls,.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-has-started.vjs-paused .vjs-touch-controls{visibility:visible;opacity:1}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-playing .vjs-icon-play:before{content:""}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-ended .more-media.full-wrapper{visibility:hidden}.video-js.vjs-mediacms.vjs-enabled-touch-controls.vjs-touch-enabled.vjs-ended .vjs-icon-play:before{content:""}.video-js.vjs-mediacms{padding-top:50%}.video-js.vjs-mediacms video[poster]{-o-object-fit:fill;object-fit:fill}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress{background-color:#093}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before{color:#093}.video-js.vjs-mediacms .vjs-poster{background-size:cover}.video-js.vjs-mediacms.vjs-changing-resolution .vjs-poster{display:none}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left,.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{top:16px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left{max-width:80%}.video-js.vjs-mediacms .vjs-corner-layer .title-link,.video-js.vjs-mediacms .vjs-corner-layer .user-thumb-link{outline:0;transition-duration:.1s;transition-property:opacity,visibility}.video-js.vjs-mediacms .vjs-corner-layer .title-link{display:inline-block;font-size:16px;font-stretch:100%;text-decoration:none;text-shadow:0 0 2px rgba(0,0,0,.5);line-height:23.4px;overflow:hidden;text-overflow:ellipsis;background-color:transparent;display:block;max-height:46.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;color:#eee}.video-js.vjs-mediacms .vjs-corner-layer .title-link:hover{color:#fff}@media screen and (min-width: 768px){.video-js.vjs-mediacms .vjs-corner-layer .title-link{font-size:18px}}.video-js.vjs-mediacms .vjs-corner-layer .user-thumb-link{position:relative;display:block;width:36px;height:36px;overflow:hidden;border-radius:50%;margin-bottom:4px;background-size:cover;background-position:center;background-repeat:no-repeat}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left{display:block}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left .title-link{padding-left:48px;padding-top:7px}.video-js.vjs-mediacms .vjs-corner-layer .media-links-top-left .user-thumb-link{position:absolute;top:0;left:0;display:inline-block}.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:16px}@media screen and (min-width: 768px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:18px}}@media screen and (min-width: 992px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:20px}}@media screen and (min-width: 1040px){.video-js.vjs-mediacms.vjs-fullscreen .vjs-corner-layer .title-link{font-size:22px}}.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer .title-link,.video-js.vjs-mediacms.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-corner-layer .user-thumb-link{opacity:0;visibility:hidden}.video-js.vjs-mediacms:hover .vjs-big-play-button{background-color:#093}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display{font-size:.776699em;font-weight:500;line-height:1}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip,.video-js.vjs-mediacms .vjs-preview-thumb .vjs-preview-thumb-time-display>*{padding:.5em .65em .4em;color:rgba(255,255,255,.9);background-color:rgba(28,28,28,.95);border-radius:2px}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display{background-color:rgba(28,28,28,.9)}.video-js.vjs-mediacms .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{top:auto;bottom:.5em}.video-js.vjs-mediacms .vjs-preview-thumb{display:none}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb{position:relative;opacity:0;visibility:hidden;display:block}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-inner{position:absolute;bottom:1em;left:-80px;width:160px;height:120px;overflow:hidden;background-repeat:no-repeat;background-position:center 0;background-size:cover;background-color:rgba(28,28,28,.9);border:2px solid rgba(28,28,28,.9);border-radius:1px}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-time-display{position:absolute;bottom:-2px;left:0;width:100%;line-height:1;font-size:1em;font-weight:600;display:inline-block}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-preview-thumb .vjs-preview-thumb-time-display>*{display:inline-block;padding:.5em .65em .45em}.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control.andrd-active .vjs-preview-thumb,.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control:hover .vjs-preview-thumb,.video-js.vjs-mediacms.vjs-enabled-preview-thumb .vjs-progress-control:active .vjs-preview-thumb{visibility:visible;-webkit-animation-name:showPreviewThumb;animation-name:showPreviewThumb;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.video-js.vjs-mediacms.vjs-enabled-preview-thumb.vjs-user-inactive .vjs-progress-control .vjs-preview-thumb{opacity:0;visibility:hidden;transition:visibility 1s linear,opacity 1s linear}.video-js.vjs-mediacms.vjs-enabled-preview-thumb.vjs-touch-enabled .vjs-preview-thumb{display:none}.video-js.vjs-mediacms .vjs-loading-spinner{width:64px;height:64px;margin:-32px 0 0 -32px;border:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-animation-delay:.44s;animation-delay:.44s}.video-js.vjs-mediacms .vjs-loading-spinner:after,.video-js.vjs-mediacms .vjs-loading-spinner:before{display:none}.video-js.vjs-mediacms .vjs-loading-spinner .spinner{z-index:1;position:absolute;left:50%;top:50%;width:100%;margin-left:-32px;pointer-events:none;background-color:#eee}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-container{pointer-events:none;position:absolute;width:100%;top:50%;left:50%;margin-top:-50%;margin-left:-50%;padding-bottom:100%;animation:spinner-linear-spin 1568.23529647ms linear infinite;-webkit-animation:spinner-linear-spin 1568.23529647ms linear infinite}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-rotator{position:absolute;width:100%;height:100%;-webkit-animation:spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-ease-spin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left,.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right{position:absolute;top:0;bottom:0;overflow:hidden}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-circle{position:absolute;width:200%;height:100%;box-sizing:border-box;border-radius:50%;border-style:solid;border-width:6px;border-color:#eee #eee transparent}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left{left:0;right:49%}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-left .spinner-circle{left:0;right:-100%;border-right-color:transparent;-webkit-animation:spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right{left:49%;right:0}.video-js.vjs-mediacms .vjs-loading-spinner .spinner-right .spinner-circle{left:-100%;right:0;border-left-color:transparent;-webkit-animation:spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1 1) infinite both}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner{width:96px;height:96px;margin:-48px 0 0 -48px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner .spinner{margin-left:-48px}.video-js.vjs-mediacms.vjs-fullscreen .vjs-loading-spinner .spinner-circle{border-width:9px}.video-js.vjs-mediacms.vjs-error .vjs-loading-spinner{display:none} @charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-o-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.8)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0));background:-moz-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0));background:-o-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;-webkit-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:4em;-ms-touch-action:none;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{-webkit-transition:width 1s;-o-transition:width 1s;-moz-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.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-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.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-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{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.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-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{left:-3.5em;-webkit-transition:left 0s;-o-transition:left 0s;-moz-transition:left 0s;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;-webkit-transition:width .1s;-o-transition:width .1s;-moz-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.vjs-no-flex .vjs-volume-control .vjs-mouse-display{z-index:0}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;-moz-background-size:contain;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster{display:block}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;-moz-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;width:inherit;height:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;-moz-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;-moz-animation-delay:.44s;animation-delay:.44s}@-moz-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@-moz-keyframes vjs-spinner-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.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:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;display:block}.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer{width:auto}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:-webkit-gradient(linear,left bottom, left top,color-stop(88%, #fff),to(#73859f));background-image:-webkit-linear-gradient(bottom,#fff 88%,#73859f 100%);background-image:-moz-linear-gradient(bottom,#fff 88%,#73859f 100%);background-image:-o-linear-gradient(bottom,#fff 88%,#73859f 100%);background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(88%, #fff),to(#73859f));background-image:-webkit-linear-gradient(top,#fff 88%,#73859f 100%);background-image:-moz-linear-gradient(top,#fff 88%,#73859f 100%);background-image:-o-linear-gradient(top,#fff 88%,#73859f 100%);background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0} @-webkit-keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@-moz-keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@-webkit-keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@-moz-keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes media-item-reveal{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes media-item-reveal{0%{opacity:0;-moz-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@keyframes media-item-reveal{0%{opacity:0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.video-player{position:relative;height:100%}.video-player{outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left{z-index:3}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{bottom:16px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{opacity:0;visibility:hidden;display:block;-webkit-animation:media-slider-reveal .4s linear;-moz-animation:media-slider-reveal .4s linear;animation:media-slider-reveal .4s linear;top:12px;left:12px;bottom:48px;z-index:3}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{display:none;-webkit-animation:media-slider-reveal .1s linear;-moz-animation:media-slider-reveal .1s linear;animation:media-slider-reveal .1s linear;top:12px;right:12px;z-index:2}.embed-wrap .video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{top:52px;top:3.25rem}.video-js.vjs-mediacms.vjs-has-started.vjs-paused .vjs-corner-layer.vjs-corner-bottom-left{display:block}.video-js.vjs-mediacms .up-next-loader{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-48px;display:block;background-color:#000}.video-js.vjs-mediacms .up-next-loader .next-media-poster{position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:.4;background-position:center;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;-webkit-filter:blur(4px);filter:blur(4px)}.video-js.vjs-mediacms .up-next-loader-inner{position:relative;width:100%;height:100%;display:table;text-align:center;line-height:1.3;font-family:Roboto,Arial,Helvetica,sans-serif}.video-js.vjs-mediacms .up-next-loader-inner>div{width:100%;height:100%;padding:6px 12px 48px 12px;display:table-cell;vertical-align:middle}.video-js.vjs-mediacms .up-next-loader-inner .up-next-label{margin-bottom:8px;font-size:1.184615em;color:rgba(255,255,255,.7)}.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{margin:0 20px;padding:0 0 2px;font-weight:500;font-size:1.69231em;color:#eee;line-height:1.3;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:3.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{font-size:21px;line-height:1.3;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}}@media screen and (max-width: 491px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{font-size:19px}}.video-js.vjs-mediacms .up-next-loader-inner .next-media-author{margin-bottom:10px;font-size:1.1em;color:#fff}@media screen and (max-width: 491px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-author{margin-bottom:5px}}.video-js.vjs-mediacms .up-next-loader-inner .up-next-cancel button{padding:10px 20px;font-size:15.4px;font-weight:500;line-height:20.02px;word-spacing:0;color:#eee;outline-width:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.video-js.vjs-mediacms .up-next-loader-inner .up-next-cancel button:hover{background-color:rgba(255,255,255,.15)}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .up-next-cancel button{padding:8px 16px;font-size:14.3px;line-height:18.59px}}.video-js.vjs-mediacms .up-next-loader-inner .go-next{padding:16px 0}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .go-next{padding:12px 0}}.video-js.vjs-mediacms .up-next-loader-inner .go-next a{position:relative;display:inline-block;text-decoration:none;width:56px;height:56px;line-height:56px;overflow:visible;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .go-next a{width:48px;height:48px;line-height:48px}}.video-js.vjs-mediacms .up-next-loader-inner .go-next a span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:.3}.video-js.vjs-mediacms .up-next-loader-inner .go-next a i.material-icons{margin-top:-1px;font-size:32px}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .go-next a i.material-icons{font-size:32px}}.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer{display:none;position:absolute;top:-4px;left:-4px;width:64px;height:64px;-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer circle{visibility:hidden;stroke-dasharray:0;stroke-dashoffset:185;stroke-linecap:square;stroke-width:4px;stroke:#fff;fill:none;-webkit-animation:up-next-circle-countdown 10s linear forwards;-moz-animation:up-next-circle-countdown 10s linear forwards;animation:up-next-circle-countdown 10s linear forwards}.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer circle:first-child{visibility:visible}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer{width:56px;height:56px}.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer circle{stroke-width:3px;visibility:visible}.video-js.vjs-mediacms .up-next-loader-inner .go-next svg.radial-timer circle:first-child{visibility:hidden}}.video-js.vjs-mediacms.vjs-mediacms-canceled-next .up-next-loader-inner .go-next svg.radial-timer circle{display:none;-webkit-animation:none;-moz-animation:none;animation:none}.video-js.vjs-mediacms .more-media{display:block;font-family:Roboto,Arial,Helvetica,sans-serif}.video-js.vjs-mediacms.vjs-fullscreen .more-media{font-size:.8125em}.video-js.vjs-mediacms .more-media-item{position:relative;display:inline-block}.video-js.vjs-mediacms .more-media-item>*{display:block;color:#fff;text-decoration:none}.video-js.vjs-mediacms .more-media-item.before-more-media-item-load{opacity:0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-animation:media-item-reveal .3s linear forwards;-moz-animation:media-item-reveal .3s linear forwards;animation:media-item-reveal .3s linear forwards;-webkit-animation-delay:-webkit-calc(var(--n) * 0.075s);-moz-animation-delay:-moz-calc(var(--n) * 0.075s);animation-delay:calc(var(--n) * 0.075s)}.video-js.vjs-mediacms .more-media-item-thumb{display:block;background-position:center;-moz-background-size:cover;background-size:cover}.video-js.vjs-mediacms .more-media-duration{position:absolute;bottom:0;right:0;padding:4px}.video-js.vjs-mediacms .more-media-duration>*{display:inline-block;padding:.181819em;font-size:.84615em;line-height:1;font-weight:500;background-color:#000;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.75}.video-js.vjs-mediacms .more-media-item-content{position:relative;display:block;width:100%}.video-js.vjs-mediacms .more-media-title{font-weight:500}.video-js.vjs-mediacms .more-media-meta{display:block;font-size:.84615em;line-height:1.30001;margin-top:2px}.video-js.vjs-mediacms .more-media-meta>*~*:before{content:"•";content:"•";margin:0 4px}.video-js.vjs-mediacms .more-media.full-wrapper{position:absolute;top:4px;left:0;right:0;bottom:4px;padding:1em 1.5em 1.5em}.embed-wrap .video-js.vjs-mediacms .more-media.full-wrapper{padding:2em 3em 3em}.video-js.vjs-mediacms .more-media.full-wrapper:before{content:"";position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;display:block;background-color:rgba(0,0,0,.9)}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1 .more-media-item{width:100%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2 .more-media-item{width:50%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3 .more-media-item{width:33.3333333333%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4 .more-media-item{width:25%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5 .more-media-item{width:20%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6 .more-media-item{width:16.6666666667%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-1 .more-media-item{height:100%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-2 .more-media-item{height:50%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-3 .more-media-item{height:33.3333333333%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-4 .more-media-item{height:25%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-5 .more-media-item{height:20%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-row-6 .more-media-item{height:16.6666666667%}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-1 .more-media-item:nth-child(n+2){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-2 .more-media-item:nth-child(n+3){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-3 .more-media-item:nth-child(n+4){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-4 .more-media-item:nth-child(n+5){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-5 .more-media-item:nth-child(n+6){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-1.grid-row-6 .more-media-item:nth-child(n+7){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-1 .more-media-item:nth-child(n+3){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-2 .more-media-item:nth-child(n+5){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-3 .more-media-item:nth-child(n+7){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-4 .more-media-item:nth-child(n+9){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-5 .more-media-item:nth-child(n+11){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-2.grid-row-6 .more-media-item:nth-child(n+13){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-1 .more-media-item:nth-child(n+4){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-2 .more-media-item:nth-child(n+7){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-3 .more-media-item:nth-child(n+10){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-4 .more-media-item:nth-child(n+13){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-5 .more-media-item:nth-child(n+16){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-3.grid-row-6 .more-media-item:nth-child(n+19){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-1 .more-media-item:nth-child(n+5){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-2 .more-media-item:nth-child(n+9){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-3 .more-media-item:nth-child(n+13){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-4 .more-media-item:nth-child(n+17){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-5 .more-media-item:nth-child(n+21){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-4.grid-row-6 .more-media-item:nth-child(n+25){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-1 .more-media-item:nth-child(n+6){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-2 .more-media-item:nth-child(n+11){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-3 .more-media-item:nth-child(n+16){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-4 .more-media-item:nth-child(n+21){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-5 .more-media-item:nth-child(n+26){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-5.grid-row-6 .more-media-item:nth-child(n+31){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-1 .more-media-item:nth-child(n+7){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-2 .more-media-item:nth-child(n+13){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-3 .more-media-item:nth-child(n+19){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-4 .more-media-item:nth-child(n+25){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-5 .more-media-item:nth-child(n+31){display:none}.video-js.vjs-mediacms .more-media.full-wrapper.grid-col-6.grid-row-6 .more-media-item:nth-child(n+37){display:none}.video-js.vjs-mediacms .more-media.full-wrapper>div{position:relative;width:100%;height:100%;display:block}.video-js.vjs-mediacms .more-media.full-wrapper>div>*{position:relative;width:100%;height:100%;display:block}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item{float:left}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item>*{top:2px;left:2px;right:2px;bottom:2px}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-wrap-title,.video-js.vjs-mediacms .more-media.full-wrapper .prev-slide,.video-js.vjs-mediacms .more-media.full-wrapper .next-slide,.video-js.vjs-mediacms .more-media.full-wrapper .close-more-videos,.video-js.vjs-mediacms .more-media.full-wrapper .open-more-videos,.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-wrap-title,.video-js.vjs-mediacms .more-media.inline-slider-small .prev-slide,.video-js.vjs-mediacms .more-media.inline-slider-small .next-slide,.video-js.vjs-mediacms .more-media.inline-slider-small .close-more-videos,.video-js.vjs-mediacms .more-media.inline-slider-small .open-more-videos{display:none}.video-js.vjs-mediacms .more-media.inline-slider,.video-js.vjs-mediacms .more-media.inline-slider-small{position:absolute;bottom:4px;left:0;right:0}.video-js.vjs-mediacms .more-media.inline-slider>div,.video-js.vjs-mediacms .more-media.inline-slider-small>div{position:relative}.video-js.vjs-mediacms .more-media.inline-slider>div>*,.video-js.vjs-mediacms .more-media.inline-slider-small>div>*{position:relative;overflow:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.video-js.vjs-mediacms .more-media.inline-slider .more-media-item,.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-item{vertical-align:top;width:188px}.video-js.vjs-mediacms .more-media.inline-slider{padding:12px 26px 16px;background-color:rgba(23,23,23,.9);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.video-js.vjs-mediacms .more-media.inline-slider .more-media-wrap-title{position:relative;display:block;font-size:1.076925em;font-weight:600;font-stretch:100%;line-height:1.428574;margin:0 0 12px;color:#eee}.video-js.vjs-mediacms .more-media.inline-slider .more-media-item{height:100px}.video-js.vjs-mediacms .more-media.inline-slider .more-media-item>*{top:0;left:0;right:8px;bottom:0}.video-js.vjs-mediacms .more-media.inline-slider .prev-slide,.video-js.vjs-mediacms .more-media.inline-slider .next-slide{position:absolute;top:50%;margin-top:-20px;font-size:1.75em}.video-js.vjs-mediacms .more-media.inline-slider .prev-slide button,.video-js.vjs-mediacms .more-media.inline-slider .next-slide button{width:40px;height:40px;line-height:40px;background-color:#333;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2)}.video-js.vjs-mediacms .more-media.inline-slider .prev-slide{left:-20px}.video-js.vjs-mediacms .more-media.inline-slider .next-slide{right:-20px}.video-js.vjs-mediacms .more-media.inline-slider-small>div>*{overflow:auto}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-item>*{margin-right:10px}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-item-thumb{position:relative;height:100px}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-item-content{padding:10px 0}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-duration>*{padding:.4545475em .363638em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-title{line-height:1.198155;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:1.198155;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.video-js.vjs-mediacms .more-media.inline-slider-small .more-media-views{display:none}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item>*,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item>*{position:absolute}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item-thumb,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item-thumb{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item-content,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item-content{height:100%;padding:10px;background-image:-moz-linear-gradient(top, rgba(12, 12, 12, 0.8) 0, transparent 100px);background-image:-o-linear-gradient(top, rgba(12, 12, 12, 0.8) 0, transparent 100px);background-image:-webkit-linear-gradient(top, rgba(12, 12, 12, 0.8) 0, transparent 100px);background-image:linear-gradient(to bottom, rgba(12, 12, 12, 0.8) 0, transparent 100px)}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item-content,.video-js.vjs-mediacms .more-media.full-wrapper .more-media-duration,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item-content,.video-js.vjs-mediacms .more-media.inline-slider .more-media-duration{opacity:0;will-change:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item>*:hover .more-media-item-content,.video-js.vjs-mediacms .more-media.full-wrapper .more-media-item>*:hover .more-media-duration,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item>*:hover .more-media-item-content,.video-js.vjs-mediacms .more-media.inline-slider .more-media-item>*:hover .more-media-duration{opacity:1}.video-js.vjs-mediacms .more-media.full-wrapper .more-media-title,.video-js.vjs-mediacms .more-media.inline-slider .more-media-title{line-height:1.198155;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:2.39631;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.video-js.vjs-mediacms .more-media.inline-slider.hidden-inline-more-media{right:auto;padding:0}.video-js.vjs-mediacms .more-media.inline-slider.hidden-inline-more-media>div,.video-js.vjs-mediacms .more-media.inline-slider.hidden-inline-more-media .more-media-wrap-title,.video-js.vjs-mediacms .more-media.inline-slider.hidden-inline-more-media .close-more-videos{display:none}.video-js.vjs-mediacms .more-media.inline-slider.hidden-inline-more-media .open-more-videos{display:inline-block}.video-js.vjs-mediacms .open-more-videos{display:none;padding:.85714em 1em;font-size:1.076925em;font-weight:500;font-stretch:100%;line-height:1.428574;color:#eee;border:0;background:none}.video-js.vjs-mediacms .close-more-videos{position:absolute;right:14px;top:0;padding:4px;margin:8px 4px 8px 8px;display:inline-block;font-size:1.538475em;font-weight:500;line-height:1;border:0;background:0}.video-js.vjs-mediacms .more-media{display:none}.embed-wrap .video-js.vjs-mediacms .more-media,.media-embed-wrap .video-js.vjs-mediacms .more-media{display:block}.video-js.vjs-mediacms.vjs-ended .more-media{display:block}.video-js.vjs-mediacms.vjs-ended .vjs-corner-layer.vjs-corner-bottom-left{display:block}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view .more-media,.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view .vjs-corner-layer.vjs-corner-bottom-left{visibility:hidden}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view .vjs-corner-layer.vjs-corner-top-right{-webkit-transition-property:all;-o-transition-property:all;-moz-transition-property:all;transition-property:all;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;visibility:visible;opacity:1}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view .vjs-corner-layer.vjs-corner-top-right svg.radial-timer{display:block}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view.vjs-mediacms-up-next-hidden .more-media,.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view.vjs-mediacms-up-next-hidden .vjs-corner-layer.vjs-corner-bottom-left{visibility:visible}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view.vjs-mediacms-up-next-hidden .vjs-corner-layer.vjs-corner-top-right{visibility:hidden;opacity:0}.video-js.vjs-mediacms.vjs-ended.vjs-mediacms-has-up-next-view.vjs-mediacms-up-next-hidden svg.radial-timer{display:none}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress{background-color:var(--brand-color, var(--default-brand-color))}.video-js.vjs-mediacms .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before{color:var(--brand-color, var(--default-brand-color))}.video-js.vjs-mediacms:hover .vjs-big-play-button{background-color:var(--brand-color, var(--default-brand-color))}.video-js.vjs-mediacms.vjs-subtitles-on .vjs-subtitles-control .vjs-icon-placeholder:after{background-color:var(--brand-color, var(--default-brand-color))}.video-js.vjs-mediacms.vjs-audio .vjs-poster{-moz-background-size:contain;background-size:contain}.vjs-corner-layer.vjs-corner-top-left{z-index:4}.vjs-corner-layer.vjs-corner-bottom-right{top:16px}.vjs-visible-share-options .vjs-corner-layer.vjs-corner-bottom-right{z-index:5;display:block;left:16px;bottom:0 !important}button.share-video-btn{position:absolute;top:0;right:0;display:inline-block;text-align:center;padding:0 6px}.vjs-has-started.vjs-user-inactive.vjs-playing button.share-video-btn{display:none !important}button.share-video-btn i.material-icons{font-size:28px}button.share-video-btn span{display:block;padding:4px 0 0;font-size:14px;font-weight:normal}.share-options-wrapper{position:absolute;top:-16px;left:-16px;right:-16px;bottom:-16px;display:none;background-color:rgba(0,0,0,.8)}.vjs-visible-share-options .share-options-wrapper{display:block}.share-options-wrapper .share-options{display:table;table-layout:fixed;width:100%;height:100%;padding-top:12px}.share-options-wrapper .share-options .share-options-inner{position:relative;display:block;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden}.share-options-wrapper .share-options .sh-option{vertical-align:top;position:relative;display:inline-block;padding-right:8px;text-align:center}.share-options-wrapper .share-options .sh-option a,.share-options-wrapper .share-options .sh-option button{padding:5px 5px 2px;margin:1px 0;display:block;text-decoration:none;color:inherit;outline:0;border:0;background:none}.share-options-wrapper .share-options .sh-option a>*:first-child,.share-options-wrapper .share-options .sh-option button>*:first-child{display:block;width:60px;height:60px;line-height:60px;margin:0 auto 8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-position:center;background-repeat:no-repeat}.share-options-wrapper .share-options .sh-option a>*:last-child,.share-options-wrapper .share-options .sh-option button>*:last-child{font-size:13px;line-height:18px;overflow:hidden}.share-options-wrapper .share-options .sh-option a .material-icons,.share-options-wrapper .share-options .sh-option button .material-icons{padding:0;margin:0 0 0 1px;line-height:1;font-size:30px;overflow:hidden;color:#fff}@media screen and (max-width: 1024px){.share-options-wrapper .share-options .sh-option a>*:first-child,.share-options-wrapper .share-options .sh-option button>*:first-child{width:48px;height:48px;line-height:48px;-moz-background-size:24px 24px;background-size:24px 24px}.share-options-wrapper .share-options .sh-option a>*:last-child,.share-options-wrapper .share-options .sh-option button>*:last-child{font-size:13px;line-height:16px}.share-options-wrapper .share-options .sh-option a .material-icons,.share-options-wrapper .share-options .sh-option button .material-icons{font-size:24px}}@media screen and (max-width: 767px){.share-options-wrapper .share-options .sh-option:nth-child(n+6){display:none}}@media screen and (max-width: 479px){.share-options-wrapper .share-options .sh-option:nth-child(n+4){display:none}}@media screen and (max-width: 379px){.share-options-wrapper .share-options .sh-option:nth-child(n+3){display:none}}@media screen and (max-width: 279px){.share-options-wrapper .share-options .sh-option:nth-child(n+2){display:none}}.share-options-wrapper .share-options .share-embed-opt a>*:first-child,.share-options-wrapper .share-options .share-embed-opt button>*:first-child{background-color:#f4f4f4}.share-options-wrapper .share-options .share-embed-opt a .material-icons,.share-options-wrapper .share-options .share-embed-opt button .material-icons{color:#6f6f6f}.share-options-wrapper .share-options .share-fb a>*:first-child,.share-options-wrapper .share-options .share-fb button>*:first-child{background-color:#3b5998;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////15YQcQAAAAldFJOUwDv/H2h5Av1HIP08a9dXifgIuUbCoCsBBDStN7ykomBlOcZgiYhB3iQAAAAdUlEQVQ4y+3QuwKCMAyF4ZYmAYsXBFS8Iuh5/1e0Do5NdvVf+w0nde6fc5tljcJrYtvgnUYIFulbwIf1SiFdCdz1sVUio06GCAR1K+0L4Eh0zRJ8OtvklCXMU3q/MO+yROSZLrqJHJTBcyIP+18W30WiSX6jFy5aDFqlCyGCAAAAAElFTkSuQmCC)}.share-options-wrapper .share-options .share-tw a>*:first-child,.share-options-wrapper .share-options .share-tw button>*:first-child{background-color:#1da1f2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEmUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9wGqaEAAABhdFJOUwDkQe3zAQL+D3YMY/CuGGX0hz05lLgcNZmSoSn47tyr5+gyfrcdYUW7yOnQjVcNS7qa1QrP5gX9UlnDgW53xQbBetrjCGi+RIlJbYPGJQNOwurgn9Ei9d17fSeoj/ErQILt/8VjAAAA8ElEQVQ4y2NgGLGAjRWJIy3PkmjqwcHAIOSLJGpjiWCryyaCgI9XgJsLkhKrRAsYU1UxEQqcPZkQKuyNEs2tzSBsZZiKxEBGfyRTHIAiJvpsIKYKXAmzO7JzbcFi2pxKXAwacCXeKD4ytoOIsitoasGVOCKr0NMRZEnEAGoophgksmMqEUZRooupIJGRAzV4DTGVSKHFgJ+rE7oSJjQlXMEhaCpEMSIyAU2FjDhmZAuiKuHEliDiIoIQKiSwphmOSAG4ChFWdNkooXjuaB64Ah5uTANCY2IRdjBLimG1hY+fNzwskV1Ajpefj2EUMDAAAAd7bXotJnBBAAAAAElFTkSuQmCC)}.share-options-wrapper .share-options .share-reddit a>*:first-child,.share-options-wrapper .share-options .share-reddit button>*:first-child{background-color:#ff4500;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFBUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////26H9vQAAABqdFJOUwDF5PXttuge4gwT9zHUThZf2vMD8UXAeFfLmmxaNwrb6q+iqtYCCLEZYxC1aIJvuyog52Vdh88BBTrMM4+ocKfVKKwl9Lmj3Eot8rec+d2pMBpQ/lSknrJ3s/bYXHrTsPzwaXGS35bmgfvR//llAAAA/klEQVQ4y2NgGAVAwC9mK+AsyubuiVuJhIiTA5NXVpY9biVSbgzCjhxZWay4lVjZAQlRMVdrnCo42SwJudaAA7+8IZ8uK4upCY85Nkk5di4GD2+XLDAIljS2UAMKoABZFW4jxiwkYMbLrSCAooQ3CwsQQlECEZP08QNLhYVD+ChKFEEiHJwMAb5AWpqBIRLEF0SNGG2IUCAzkJZhYAgFUvI8qO7VAWnzDwI7mUkiAqRSGc3TmpiuVUJToiGCoYQPPez0QKJpUqmZCemssVFAtroqRvjaAIXZUqSTZJIz4oBMfS0scRASDTKIORFEsogLY08HMfFMYHlGcfaRnj0B5hlVM2lFOakAAAAASUVORK5CYII=)}.share-options-wrapper .share-options .share-tumblr a>*:first-child,.share-options-wrapper .share-options .share-tumblr button>*:first-child{background-color:#35465c;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wOLM4UAAAAudFJOUwBZI01MWOMB1PjN4fpX6AJFKgaxvN/84kie9VUJ3iB+3Ar7B1/zr0tWE8O71brPIxWiAAAAlElEQVQ4y+3T2Q6CQAwF0AGVzgAK7gsqCrjr/f/PkxmNby0kPmqfT9J7m1Sp/6ixMZksRlPAk8kCQE8UZViTviQux1rASxLiRL6xAoG+3ziCzwy+IKGOXov0gyNEHReXiPhKJzSVVl00nq4tOYvExa1Eklpy3e7XPPFn1hyiHU9o8j6vsGk4d6KQ0vjLwMTx6ucf9An38RQWgYRfawAAAABJRU5ErkJggg==)}.share-options-wrapper .share-options .share-pinterest a>*:first-child,.share-options-wrapper .share-options .share-pinterest button>*:first-child{background-color:#bd081c;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEvUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////6vRm/YAAABkdFJOUwDUHSjBZQX0/fXce78bwhKp8ife/sBVooz6bM7GqtWAAWtRiREh2/c5le8ZYjUIEMlyMJKU7Abi7mf28yxg+z5v4XY8KgdXX0ywIiBkU6ihAytd3x9QslJ98S27aS74W6NhSyVzU6IoAAAA8ElEQVQ4y+2TRXIDQRAEW9KiGM3MzEwyMzNj/v8Nng3r2Ot9gF2n7Ig8zEzXiPz57Oc31lhI22NhwtEttUyM6sbhFRzsbVUX01AY0AzH4uHmByehr0dRLuFO5DoX8CCkFMXiSeTeny8a7u0npigFnuXRHLUpGGI0Kgp8im2UumBoAUXxeZMPWIob7mjDVZQK7/LiUQl42KVZUU54/boosxnwCLRrD3NG8Rh2DY0nGYpryo59fgrZjDOVhc6QJTklXJaT5lrdYXvc9lhPzeJbXaFdWKW8IrlE5pe6zFCai2hUnumo0rV6iSilof7/b9byDZ5WLQHgKwvDAAAAAElFTkSuQmCC)}.share-options-wrapper .share-options .share-vk a>*:first-child,.share-options-wrapper .share-options .share-vk button>*:first-child{background-color:#4680c2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEyUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////y3XQVoAAABldFJOUwD58/UHdPfeCA/73AbGQNLASif4Iu9q32O19ioCUm20Pk7LA+rZ5oJRZjIJuUY510RcqJlrF4BghVR85JgLMd3OV76GOPCD+uHb8SCmpIR3/fSd7dC3reLMFQFkN47Rwn+ifuctQEA1MAAAASpJREFUOMvlk2VyAzEMhbXQbbwbarBJyszMlCZlxqTM9f2v0FpyKu9MbxD92feeP2vGshegGete/pY3gzomsbppZTOpTLEHbjAtYDhHSNlFN0ouDjX8eikVLq6jaY0o4ybQxDqgndgl3DhvIHphFeDhDlVeqPiCEXGEekLFL0QvKN3CyDnK9JiKSx6aQISQZwvlMB3umtp8MuKCuEXVFyEkZaO1vxtIPvpYR2FNNaa3Qm3eXI0UnwqUrP0NWAxS8gHv0qwhwZfQq7PXrxAiR4yL2pD/ltPGiEiElq7SWngGs5U1iGwpc6bl8S4zkw4janS5S9KHJ8zEBxhRj6Hik6lGmckkzS4As9rtG8fqX56mMKCNOXJ7oUc63nkaOAf2jrZdtm9Z/nZT/q8/+2CSW2b1+zIAAAAASUVORK5CYII=)}.share-options-wrapper .share-options .share-linkedin a>*:first-child,.share-options-wrapper .share-options .share-linkedin button>*:first-child{background-color:#0077b5;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wOj5kwAAAA/dFJOUwDtO9fWOjRj0LlD/kr9K9OTvzCLBjNc+B45YpJxQIoP4U7R34kSVVKH8AnO3UYvCB3mLEVoSeh+PCo9Qdk1wa0WUTEAAACgSURBVDjL5dBHDsJADAVQQwglCb333nvv/PvfCpslaJwtUrwY64+eLM8QBbgKmWQ6p5M6gF5bJZBaqqQvZKeS8ALu2Wff9fHqIzb7y/1JdPM8h2ajQatW+SEHXuVF9AC2q7nsFSp9kxjfJojiwMn6vA7llJHIBFfOvJlMx0O7wz1rJhOODe4RM+lydLhbZtKUn9SnVDkWdWJzjP45CVS9AX9hKlcwUFOvAAAAAElFTkSuQmCC)}.share-options-wrapper .share-options .share-mix a>*:first-child,.share-options-wrapper .share-options .share-mix button>*:first-child{background-color:#ff8226;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9E7JV4AAAAwdFJOUwAV7vMX/P76JPECqkdDdSb3cYwcciM4cPXhTukYEA7vdynyKF/lCeL7OnjtT3MSHhkh8ZcAAACHSURBVDjL7dK3DsJQDIXhPwlpdEKvoSWUBPD7Px0XBqYbs8AEZ7P1SZasAz8cseRrpDhfDjoJSjgdVRLe4BrrJILa58h8PZ7qJJjBKFSJP4RlqpMdrNxq4plDGzMnIg07yTORifNYtJp1O2HvbgfVZXgSFn3eEbVSfkcn5lWxo5Oe123zzyt3Bd0ph0DZVBoAAAAASUVORK5CYII=)}.share-options-wrapper .share-options .share-email a>*:first-child,.share-options-wrapper .share-options .share-email button>*:first-child{background-color:#888}.share-options-wrapper .share-options .share-whatsapp a>*:first-child,.share-options-wrapper .share-options .share-whatsapp button>*:first-child{background-color:#25d366;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xJREFUeNrMmGtIFFEUx91V0R5m5pYfRNKwtxlh5YcMelAYlEVSURAYQRFFIGWhCEKEQWkRJRFEH4JAoaLHh+yBRiGlIgmlVJhkiGKSVJaaptv/wn/gdJvZnZ3xgxd+3Nk759z9z70755y7Hr/fHzYRWoQD+0ywln0q8AEvGAE94D2oAzXgje2Z1YrYIAYcBc1++20EPAXb7XyHx8bWbAVnwEIx9gW8Bh9AL1djCkgEi8ESMEnYPwLHwVunK1KqPeVzsBvMDOI3F5wE7cK3D+yw8gk02RUxSQ/Is7mNkhmgXMwzCvaFIuS0cG4A8xyIkOwEP4WYbXaE5AoRz0CcSxEG2WBQbNPcQEISQDeNW0H8OIkwyBMPWQ08VkIu0mgIZGr3osEhcAFkuBBzTYjZbCYkCfTT4LLmrJTfEBM0gQiHQnygi/PUmgkp4M0BkKo5q89/tFc528WqFHEONWeaGvOKkJLDXoXnNi3cpIBwbewg8DhMLTfBAOfcGMYcoVoCo2EYc8R/cc9kLB1EOhTSAZp4vVoKSQaxvG4xcWwF/eLzECgCwy4SbjP7+VLILGHQa+LUBe6Iz0pslcvM38neJ4XIBDVi4VgKfvF6KdjjUshv9uFSyIAwmGrhqDJtiahLKkCGCyEx7MekkB5hkBjA+Ty4xevp4D7I0mzUg5SBXJM3TbbZ7L/KMsDH+K/aORtF0gsRT1TcKRE5qVLce8XCyCz41dPmgR7QakTU9NhI70+0APcJ1FlUa2s0/2Q+gGqFupB8Ee1W2oiO0cw7ozbKxjTN9xjHx4y8ZZVrqkII11ngtkjxeivX7CeDNt5rBF6z7HtVFC8bQswfC5ivqllkq73fZWJXLETutSoDtgijChdJzWsxvkqsnFqNSOOeV3ul5ojruy5ixJjJ2CJQCaKZGo78Ezw1xcZr2c4f43hVZutAp1jtw4FqVrXHwzQs0161A3YPShpxLMSHhYjiYFV8oTih7WdZ+Bj8EJPU8GwyLYiAFHACfBS+g5wz4ElP/VbqwXLur9q7qCD1xEuebbtpH8sCahlYIXKJao0gn0VXwJNeukkpqNo7cAnkgFOgwx9aa+HvIcru2fcsKOBqqDPtQ9Ik0rWR6NaDTVy9JCY549+A71ytBvrXsogK2gwh18FncI+Vk50/TdSXx4M4loyDoA98c/K+eybKHzV/BRgAh7+w9CsbY+IAAAAASUVORK5CYII=)}.share-options-wrapper .share-options .share-telegram a>*:first-child,.share-options-wrapper .share-options .share-telegram button>*:first-child{background-color:#08c;background-position:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqtJREFUeNrsmE9LVFEYxueOM6NJiqLpVDgLFaONklBiVBQolZqRJRZlH6Ft22pXy75A+BVs0SaohkrBibDEINLShf0RG7O0dNLb88pz43C9M3POHbNZ+MKPweG95z7n/XfOaNm2HcgHCwbyxPJGSOg/vXcnOAWugmYwYG1xjTSBPtAL6pXvv21FRMpAF+gHJ0DYw2f+Xwo5BC6Dc6Ami+/4ZgupBme4+6PA0nwusRlC5GVH+PKzoCqN3yLZ5SHwRS5CJNw94BJoyeC3BmbBDxD1ELEMxkI+2v04204KsDyLv0TgM8WI8EIPnykwrSukji0nu2/U8F9lFJJgB4hlmFljIJVJSDFoA1fAaQ4hHVugiF+gFOwBBRn8R9JN1v3gIgfPPoO0pShggakoZ01kO0YSqpAS0MHdSxSKDGtHUjBHMWIVbOWARg29cYRI3m+5Rq6uScV/4YIWqWCL6tg78NERchdUGgqQA+oro7CmtGS1RiepNsrn1/MnI/ietJDmw0v0naUgR0TUUMT6IPs7FZXTVyr8MOgG7R6pWmUEkhQQVD53G3SVajKRn7mFqCa9fxB0klrwiTURVCZmiO1Z7EOEpLaBmwvo3EdE1H2KSSkiImBvmmmpY8Og1eSq+BM8V1raZgRiOYgQe+nnzhpnjagHWa6W8CNEqnuGNRHkQSat992nCJvPGwtJMpSFyh1EjvXXzkAyNCn8t35/TjxRWtbmQSYpmuSYnjNYa9wdTRMhQ3LJZTScGgkzXdd4R33sp1BNhUxxJxFGxLmN3wQPGZmT4I7GWiO5CJGXP2UEwvz7Bnig+KyA6+ACC9rLfrO2XKtjoBnQBCZAHLRn8a0Hj+yN9gEUuf1NhcgkPgBimv4RcNslZNDL11SIX86DV+A9OOblY23/f8RlfwQYAHTF0+BsYemdAAAAAElFTkSuQmCC)}.share-options-wrapper .share-options .share-more{display:inline-block !important}@media screen and (min-width: 768px){.share-options-wrapper .share-options .share-more{display:none !important}}.share-options-wrapper .share-options .share-more a>*:first-child,.share-options-wrapper .share-options .share-more button>*:first-child{background-color:rgba(255,255,255,.1)} body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: rgb(13, 13, 13);--playlist-view-item-author-text-color: rgb(13, 13, 13);--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: #fff;--profile-page-header-bg-color: var(--body-bg-color);--profile-page-info-videos-number-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-hover-text-color: #111;--profile-page-nav-link-active-text-color: #111;--profile-page-nav-link-active-after-bg-color: rgba(17, 17, 17, 0.6);--add-media-page-tmplt-dialog-bg-color: #fff;--add-media-page-tmplt-uploader-bg-color: #fff;--add-media-page-tmplt-dropzone-bg-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(17, 17, 17, 0.4);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(17, 17, 17, 0.32);--add-media-page-tmplt-upload-item-actions-text-color: rgba(17, 17, 17, 0.4);--add-media-page-qq-gallery-upload-button-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(17, 17, 17, 0.4);--playlist-page-bg-color: rgb(250, 250, 250);--playlist-page-details-text-color: rgb(96, 96, 96);--playlist-page-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-title-link-text-color: rgb(13, 13, 13);--playlist-page-actions-circle-icon-text-color: rgb(144, 144, 144);--playlist-page-actions-circle-icon-bg-color: rgb(250, 250, 250);--playlist-page-actions-nav-item-button-text-color: rgb(10, 10, 10);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: #111;--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: #111;--playlist-page-status-text-color: rgba(17, 17, 17, 0.6);--playlist-page-status-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-page-author-border-top-color: rgba(0, 0, 0, 0.1);--playlist-page-author-name-link-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(96, 96, 96);--playlist-page-author-edit-playlist-icon-button-bg-color: #fafafa;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-bg-color: #fff;--playlist-page-author-edit-playlist-form-wrap-border-color: #eee;--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: #111;--playlist-page-author-edit-playlist-author-thumb-text-color: #606060;--playlist-page-author-edit-playlist-author-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-details-bg-color: #fafafa;--playlist-page-video-list-bg-color: #f5f5f5;--playlist-page-video-list-item-title-bg-color: #f5f5f5;--playlist-page-video-list-item-hover-bg-color: #ebebeb;--playlist-page-video-list-item-title-hover-bg-color: #ebebeb;--playlist-page-video-list-item-after-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-video-list-item-order-text-color: rgb(96, 96, 96);--playlist-page-video-list-item-options-icon-hover-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--media-title-banner-border-color: #eee;--media-title-labels-area-text-color: rgba(17, 17, 17, 0.6);--media-title-labels-area-bg-color: rgba(238, 238, 238, 0.6);--media-title-views-text-color: rgba(17, 17, 17, 0.6);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(0, 0, 0, 0.04);--media-actions-not-popup-circle-icon-active-bg-color: rgba(0, 0, 0, 0.07);--media-actions-like-before-border-color: rgba(17, 17, 17, 0.4);--media-actions-share-title-text-color: #111;--media-actions-share-options-nav-button-text-color: rgba(17, 17, 17, 0.4);--media-actions-share-options-link-text-color: rgb(17, 17, 17);--media-actions-share-copy-field-border-color: rgb(237, 237, 237);--media-actions-share-copy-field-bg-color: rgb(250, 250, 250);--media-actions-share-copy-field-input-text-color: rgb(17, 17, 17);--media-actions-more-options-popup-bg-color: #fff;--media-actions-more-options-popup-nav-link-text-color: rgb(10, 10, 10);--media-actions-share-fullscreen-popup-main-bg-color: #fff;--report-form-title-text-color: #111;--report-form-field-label-text-color: rgba(17, 17, 17, 0.6);--report-form-field-input-text-color: #111;--report-form-field-input-border-color: rgb(237, 237, 237);--report-form-field-input-bg-color: rgb(250, 250, 250);--report-form-help-text-color: rgba(17, 17, 17, 0.6);--form-actions-bottom-border-top-color: rgb(238, 238, 238);--media-author-banner-name-text-color: #0a0a0a;--media-author-banner-date-text-color: rgba(17, 17, 17, 0.6);--media-content-banner-border-color: #eee;--share-embed-inner-on-right-border-color: rgb(238, 238, 238);--share-embed-inner-on-right-ttl-text-color: #111;--share-embed-inner-on-right-icon-text-color: rgba(17, 17, 17, 0.4);--share-embed-inner-textarea-text-color: rgba(17, 17, 17, 0.8);--share-embed-inner-textarea-border-color: rgb(237, 237, 237);--share-embed-inner-textarea-bg-color: rgb(250, 250, 250);--share-embed-inner-embed-wrap-iconn-text-color: rgba(17, 17, 17, 0.4);--media-status-info-item-text-color: #111;--viewer-sidebar-auto-play-border-bottom-color: rgba(0, 0, 0, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #0a0a0a;--viewer-sidebar-auto-play-option-text-color: #606060;--user-action-form-inner-bg-color: #fff;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #d3d3d3;--user-action-form-inner-input-text-color: #000;--user-action-form-inner-input-bg-color: #fff}body.dark_theme{--body-text-color: rgba(255, 255, 255, 0.88);--body-bg-color: #121212;--hr-color: #2a2a2a;--dotted-outline-color: rgba(255, 255, 255, 0.4);--input-color: hsla(0, 0%, 100%, 0.88);--input-bg-color: hsla(0, 0%, 0%, 0.55);--input-border-color: hsl(0, 0%, 19%);--header-bg-color: #272727;--header-circle-button-color: #fff;--header-popup-menu-color: #fff;--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #1c1c1c;--sidebar-nav-border-color: rgba(255, 255, 255, 0.1);--sidebar-nav-item-text-color: #fff;--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: rgba(255, 255, 255, 0.88);--spinner-loader-color: rgba(255, 255, 255, 0.74);--nav-menu-active-item-bg-color: rgba(255, 255, 255, 0.1);--nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--in-popup-nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--search-field-input-text-color: rgba(255, 255, 255, 0.88);--search-field-input-bg-color: #121212;--search-field-input-border-color: #303030;--search-field-submit-text-color: rgba(255, 255, 255, 0.5);--search-field-submit-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-border-color: #2e2e2e;--search-field-submit-hover-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-hover-border-color: #2e2e2e;--search-results-item-content-link-title-text-color: rgba(255, 255, 255, 0.88);--logged-in-user-thumb-bg-color: rgba(255, 255, 255, 0.14);--popup-bg-color: #242424;--popup-hr-bg-color: rgba(255, 255, 255, 0.08);--popup-top-text-color: #fff;--popup-top-bg-color: rgba(136, 136, 136, 0.4);--popup-msg-title-text-color: rgba(255, 255, 255, 0.88);--popup-msg-main-text-color: rgba(255, 255, 255, 0.5);--comments-textarea-wrapper-border-color: #898989;--comments-textarea-wrapper-after-bg-color: #fff;--comments-textarea-text-color: #fff;--comments-textarea-text-placeholder-color: #898989;--comments-list-inner-border-color: rgba(255, 255, 255, 0.08);--comment-author-text-color: rgba(255, 255, 255, 0.88);--comment-date-text-color: #888;--comment-date-hover-text-color: #fff;--comment-text-color: rgba(255, 255, 255, 0.88);--comment-text-mentions-background-color-highlight:#006622;--comment-actions-material-icon-text-color: rgba(255, 255, 255, 0.74);--comment-actions-likes-num-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-hover-text-color: rgba(255, 255, 255, 0.74);--comment-actions-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--item-bg-color: #121212;--item-title-text-color: rgba(255, 255, 255, 0.88);--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: #888;--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(255, 255, 255, 0.74);--profile-page-item-content-title-bg-color: #121212;--playlist-item-main-view-full-link-text-color: rgb(170, 170, 170);--playlist-item-main-view-full-link-hover-text-color: #fff;--item-list-load-more-text-color: #888;--item-list-load-more-hover-text-color: rgba(255, 255, 255, 0.74);--media-list-row-border-color: rgba(255, 255, 255, 0.08);--media-list-header-title-link-text-color: rgba(255, 255, 255, 0.5);--playlist-form-title-focused-bg-color: rgba(255, 255, 255, 0.88);--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-form-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-form-field-text-color: #fff;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: rgba(255, 255, 255, 0.88);--playlist-save-popup-border-color: rgba(255, 255, 255, 0.1);--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(255, 255, 255, 0.14);--playlist-view-header-bg-color: #252525;--playlist-view-header-toggle-text-color: #fff;--playlist-view-header-toggle-bg-color: #252525;--playlist-view-title-link-text-color: rgba(255, 255, 255, 0.88);--playlist-view-meta-text-color: rgb(238, 238, 238);--playlist-view-meta-link-color: #fff;--playlist-view-meta-link-hover-text-color: #fff;--playlist-view-status-text-color: rgba(255, 255, 255, 0.6);--playlist-view-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-view-status-icon-text-color: rgba(255, 255, 255, 0.6);--playlist-view-actions-bg-color: #252525;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: #fff;--playlist-view-item-author-text-color: #fff;--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: var(--body-bg-color);--profile-page-header-bg-color: #1a1a1a;--profile-page-info-videos-number-text-color: #888;--profile-page-nav-link-text-color: #888;--profile-page-nav-link-hover-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-after-bg-color: #888;--add-media-page-tmplt-dialog-bg-color: #242424;--add-media-page-tmplt-uploader-bg-color: #242424;--add-media-page-tmplt-dropzone-bg-color: rgba(28, 28, 28, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(255, 255, 255, 0.4);--add-media-page-tmplt-upload-item-actions-text-color: rgba(255, 255, 255, 0.5);--add-media-page-qq-gallery-upload-button-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(255, 255, 255, 0.704);--playlist-page-bg-color: #1a1a1a;--playlist-page-details-text-color: rgb(170, 170, 170);--playlist-page-thumb-bg-color: #272727;--playlist-page-title-link-text-color: #fff;--playlist-page-actions-circle-icon-text-color: #1a1a1a;--playlist-page-actions-circle-icon-bg-color: inherit;--playlist-page-actions-nav-item-button-text-color: rgba(255, 255, 255, 0.88);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-status-text-color: rgba(255, 255, 255, 0.6);--playlist-page-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-status-icon-text-color: rgba(255, 255, 255, 0.4);--playlist-page-author-border-top-color: rgba(255, 255, 255, 0.1);--playlist-page-author-name-link-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(170, 170, 170);--playlist-page-author-edit-playlist-icon-button-bg-color: #252525;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-bg-color: #242424;--playlist-page-author-edit-playlist-form-wrap-border-color: rgba(255, 255, 255, 0.1);--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-author-thumb-text-color: #fff;--playlist-page-author-edit-playlist-author-thumb-bg-color: #272727;--playlist-page-details-bg-color: #252525;--playlist-page-video-list-bg-color: #1c1c1c;--playlist-page-video-list-item-title-bg-color: #1c1c1c;--playlist-page-video-list-item-hover-bg-color: #333;--playlist-page-video-list-item-title-hover-bg-color: #333;--playlist-page-video-list-item-after-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-video-list-item-order-text-color: rgb(170, 170, 170);--playlist-page-video-list-item-options-icon-hover-color: rgba(255, 255, 255, 0.88);--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-title-banner-border-color: rgba(255, 255, 255, 0.08);--media-title-labels-area-text-color: rgba(255, 255, 255, 0.6);--media-title-labels-area-bg-color: rgba(255, 255, 255, 0.08);--media-title-views-text-color: rgb(136, 136, 136);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(255, 255, 255, 0.07);--media-actions-not-popup-circle-icon-active-bg-color: rgba(255, 255, 255, 0.14);--media-actions-like-before-border-color: rgba(255, 255, 255, 0.5);--media-actions-share-title-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-options-nav-button-text-color: rgba(255, 255, 255, 0.5);--media-actions-share-options-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-copy-field-border-color: rgb(41, 41, 41);--media-actions-share-copy-field-bg-color: rgb(28, 28, 28);--media-actions-share-copy-field-input-text-color: rgba(255, 255, 255, 0.88);--media-actions-more-options-popup-bg-color: #242424;--media-actions-more-options-popup-nav-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-fullscreen-popup-main-bg-color: #242424;--report-form-title-text-color: rgba(255, 255, 255, 0.88);--report-form-field-label-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-border-color: rgb(41, 41, 41);--report-form-field-input-bg-color: rgb(28, 28, 28);--report-form-help-text-color: rgb(136, 136, 136);--form-actions-bottom-border-top-color: rgba(255, 255, 255, 0.08);--media-author-banner-name-text-color: rgba(255, 255, 255, 0.88);--media-author-banner-date-text-color: rgba(255, 255, 255, 0.6);--media-content-banner-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-ttl-text-color: rgba(255, 255, 255, 0.88);--share-embed-inner-on-right-icon-text-color: rgba(255, 255, 255, 0.5);--share-embed-inner-textarea-text-color: rgba(255, 255, 255, 0.55);--share-embed-inner-textarea-border-color: rgb(41, 41, 41);--share-embed-inner-textarea-bg-color: rgb(28, 28, 28);--share-embed-inner-embed-wrap-iconn-text-color: rgba(255, 255, 255, 0.5);--media-status-info-item-text-color: rgba(255, 255, 255, 0.88);--viewer-sidebar-auto-play-border-bottom-color: rgba(255, 255, 255, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #fff;--viewer-sidebar-auto-play-option-text-color: #aaa;--user-action-form-inner-bg-color: #242424;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #303030;--user-action-form-inner-input-text-color: rgba(255, 255, 255, 0.88);--user-action-form-inner-input-bg-color: #121212}body{--default-logo-height: 18px;--default-theme-color: #009933;--default-brand-color: #009933;--success-color: #00a28b;--warning-color: #e09f1f;--danger-color: #de623b;--input-disabled-bg-color: hsla(0, 0%, 0%, 0.05);--dotted-outline: 1px dotted var(--dotted-outline-color);--header-height: 56px;--sidebar-width: 240px;--item-title-font-size: 14px;--item-title-max-lines: 2;--item-title-line-height: 18px;--horizontal-item-title-line-height: 21px;--playlist-item-title-line-height: 20px;--large-item-title-font-size: 16px;--large-item-title-line-height: 22px;--links-color: var(--default-theme-color)}body{--default-item-width: 218px;--default-max-item-width: 344px;--default-max-row-items: 6;--default-item-margin-right-width: 4px;--default-item-margin-bottom-width: 24px;--default-horizontal-item-margin-right-width: 12px;--default-horizontal-item-margin-bottom-width: 12px}.items-list-outer{position:relative;display:block}.items-list-outer.list-inline.list-slider{margin:0 8px}.items-list-outer.list-inline.list-slider .previous-slide,.items-list-outer.list-inline.list-slider .next-slide{position:absolute;z-index:1;top:0;bottom:0;padding-top:28.125%}.items-list-outer.list-inline.list-slider .previous-slide .circle-icon-button,.items-list-outer.list-inline.list-slider .next-slide .circle-icon-button{margin-top:-20px}.items-list-outer.list-inline.list-slider .previous-slide{left:-12px}.items-list-outer.list-inline.list-slider .next-slide{right:-12px}@media(min-width: 420px){.items-list-outer.list-inline.list-slider{margin:0}.items-list-outer.list-inline.list-slider .previous-slide{left:-20px}.items-list-outer.list-inline.list-slider .next-slide{right:-20px}}@media(min-width: 600px){.items-list-outer.list-inline.list-slider .previous-slide,.items-list-outer.list-inline.list-slider .next-slide{padding-top:-webkit-calc(0.28125 * -webkit-calc(var(--item-width, var(--default-item-width))));padding-top:-moz-calc(0.28125 * -moz-calc(var(--item-width, var(--default-item-width))));padding-top:calc(0.28125 * calc(var(--item-width, var(--default-item-width))))}.items-list-outer.list-inline.list-slider .next-slide{right:-webkit-calc(-20px + var(--item-margin-right-width, var(--default-item-margin-right-width)));right:-moz-calc(-20px + var(--item-margin-right-width, var(--default-item-margin-right-width)));right:calc(-20px + var(--item-margin-right-width, var(--default-item-margin-right-width)))}}.items-list-header,.media-list-header{display:block;padding:12px 0}.items-list-header h2,.items-list-header h3,.media-list-header h2,.media-list-header h3{display:inline-block;margin:12px 0;font-weight:500}.items-list-header h2,.media-list-header h2{font-size:16px;line-height:1.25}.items-list-header h3,.media-list-header h3{font-size:14px}.items-list-header h3 a,.media-list-header h3 a{margin:10px 16px;text-decoration:none;color:var(--media-list-header-title-link-text-color)}.items-list-wrap{position:relative;display:block;min-height:218px}.list-inline .items-list-wrap{overflow:auto;white-space:nowrap;will-change:width,scroll-position,scroll-behavior}.list-inline .items-list-wrap .item{display:inline-block}.list-slider .items-list-wrap{overflow:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.list-slider .items-list-wrap.resizing{scroll-behavior:unset}.items-list{max-width:100%;word-break:break-word}.items-list img,.items-list picture{display:block;width:100%;border:0}button.load-more{font-size:13px;font-weight:500;letter-spacing:.007px;margin:0 auto 24px 0;padding:0;border:0;background:none;color:var(--item-list-load-more-text-color)}button.load-more:hover,button.load-more:focus{color:var(--item-list-load-more-hover-text-color);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: rgb(13, 13, 13);--playlist-view-item-author-text-color: rgb(13, 13, 13);--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: #fff;--profile-page-header-bg-color: var(--body-bg-color);--profile-page-info-videos-number-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-hover-text-color: #111;--profile-page-nav-link-active-text-color: #111;--profile-page-nav-link-active-after-bg-color: rgba(17, 17, 17, 0.6);--add-media-page-tmplt-dialog-bg-color: #fff;--add-media-page-tmplt-uploader-bg-color: #fff;--add-media-page-tmplt-dropzone-bg-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(17, 17, 17, 0.4);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(17, 17, 17, 0.32);--add-media-page-tmplt-upload-item-actions-text-color: rgba(17, 17, 17, 0.4);--add-media-page-qq-gallery-upload-button-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(17, 17, 17, 0.4);--playlist-page-bg-color: rgb(250, 250, 250);--playlist-page-details-text-color: rgb(96, 96, 96);--playlist-page-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-title-link-text-color: rgb(13, 13, 13);--playlist-page-actions-circle-icon-text-color: rgb(144, 144, 144);--playlist-page-actions-circle-icon-bg-color: rgb(250, 250, 250);--playlist-page-actions-nav-item-button-text-color: rgb(10, 10, 10);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: #111;--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: #111;--playlist-page-status-text-color: rgba(17, 17, 17, 0.6);--playlist-page-status-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-page-author-border-top-color: rgba(0, 0, 0, 0.1);--playlist-page-author-name-link-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(96, 96, 96);--playlist-page-author-edit-playlist-icon-button-bg-color: #fafafa;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-bg-color: #fff;--playlist-page-author-edit-playlist-form-wrap-border-color: #eee;--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: #111;--playlist-page-author-edit-playlist-author-thumb-text-color: #606060;--playlist-page-author-edit-playlist-author-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-details-bg-color: #fafafa;--playlist-page-video-list-bg-color: #f5f5f5;--playlist-page-video-list-item-title-bg-color: #f5f5f5;--playlist-page-video-list-item-hover-bg-color: #ebebeb;--playlist-page-video-list-item-title-hover-bg-color: #ebebeb;--playlist-page-video-list-item-after-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-video-list-item-order-text-color: rgb(96, 96, 96);--playlist-page-video-list-item-options-icon-hover-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--media-title-banner-border-color: #eee;--media-title-labels-area-text-color: rgba(17, 17, 17, 0.6);--media-title-labels-area-bg-color: rgba(238, 238, 238, 0.6);--media-title-views-text-color: rgba(17, 17, 17, 0.6);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(0, 0, 0, 0.04);--media-actions-not-popup-circle-icon-active-bg-color: rgba(0, 0, 0, 0.07);--media-actions-like-before-border-color: rgba(17, 17, 17, 0.4);--media-actions-share-title-text-color: #111;--media-actions-share-options-nav-button-text-color: rgba(17, 17, 17, 0.4);--media-actions-share-options-link-text-color: rgb(17, 17, 17);--media-actions-share-copy-field-border-color: rgb(237, 237, 237);--media-actions-share-copy-field-bg-color: rgb(250, 250, 250);--media-actions-share-copy-field-input-text-color: rgb(17, 17, 17);--media-actions-more-options-popup-bg-color: #fff;--media-actions-more-options-popup-nav-link-text-color: rgb(10, 10, 10);--media-actions-share-fullscreen-popup-main-bg-color: #fff;--report-form-title-text-color: #111;--report-form-field-label-text-color: rgba(17, 17, 17, 0.6);--report-form-field-input-text-color: #111;--report-form-field-input-border-color: rgb(237, 237, 237);--report-form-field-input-bg-color: rgb(250, 250, 250);--report-form-help-text-color: rgba(17, 17, 17, 0.6);--form-actions-bottom-border-top-color: rgb(238, 238, 238);--media-author-banner-name-text-color: #0a0a0a;--media-author-banner-date-text-color: rgba(17, 17, 17, 0.6);--media-content-banner-border-color: #eee;--share-embed-inner-on-right-border-color: rgb(238, 238, 238);--share-embed-inner-on-right-ttl-text-color: #111;--share-embed-inner-on-right-icon-text-color: rgba(17, 17, 17, 0.4);--share-embed-inner-textarea-text-color: rgba(17, 17, 17, 0.8);--share-embed-inner-textarea-border-color: rgb(237, 237, 237);--share-embed-inner-textarea-bg-color: rgb(250, 250, 250);--share-embed-inner-embed-wrap-iconn-text-color: rgba(17, 17, 17, 0.4);--media-status-info-item-text-color: #111;--viewer-sidebar-auto-play-border-bottom-color: rgba(0, 0, 0, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #0a0a0a;--viewer-sidebar-auto-play-option-text-color: #606060;--user-action-form-inner-bg-color: #fff;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #d3d3d3;--user-action-form-inner-input-text-color: #000;--user-action-form-inner-input-bg-color: #fff}body.dark_theme{--body-text-color: rgba(255, 255, 255, 0.88);--body-bg-color: #121212;--hr-color: #2a2a2a;--dotted-outline-color: rgba(255, 255, 255, 0.4);--input-color: hsla(0, 0%, 100%, 0.88);--input-bg-color: hsla(0, 0%, 0%, 0.55);--input-border-color: hsl(0, 0%, 19%);--header-bg-color: #272727;--header-circle-button-color: #fff;--header-popup-menu-color: #fff;--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #1c1c1c;--sidebar-nav-border-color: rgba(255, 255, 255, 0.1);--sidebar-nav-item-text-color: #fff;--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: rgba(255, 255, 255, 0.88);--spinner-loader-color: rgba(255, 255, 255, 0.74);--nav-menu-active-item-bg-color: rgba(255, 255, 255, 0.1);--nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--in-popup-nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--search-field-input-text-color: rgba(255, 255, 255, 0.88);--search-field-input-bg-color: #121212;--search-field-input-border-color: #303030;--search-field-submit-text-color: rgba(255, 255, 255, 0.5);--search-field-submit-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-border-color: #2e2e2e;--search-field-submit-hover-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-hover-border-color: #2e2e2e;--search-results-item-content-link-title-text-color: rgba(255, 255, 255, 0.88);--logged-in-user-thumb-bg-color: rgba(255, 255, 255, 0.14);--popup-bg-color: #242424;--popup-hr-bg-color: rgba(255, 255, 255, 0.08);--popup-top-text-color: #fff;--popup-top-bg-color: rgba(136, 136, 136, 0.4);--popup-msg-title-text-color: rgba(255, 255, 255, 0.88);--popup-msg-main-text-color: rgba(255, 255, 255, 0.5);--comments-textarea-wrapper-border-color: #898989;--comments-textarea-wrapper-after-bg-color: #fff;--comments-textarea-text-color: #fff;--comments-textarea-text-placeholder-color: #898989;--comments-list-inner-border-color: rgba(255, 255, 255, 0.08);--comment-author-text-color: rgba(255, 255, 255, 0.88);--comment-date-text-color: #888;--comment-date-hover-text-color: #fff;--comment-text-color: rgba(255, 255, 255, 0.88);--comment-text-mentions-background-color-highlight:#006622;--comment-actions-material-icon-text-color: rgba(255, 255, 255, 0.74);--comment-actions-likes-num-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-hover-text-color: rgba(255, 255, 255, 0.74);--comment-actions-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--item-bg-color: #121212;--item-title-text-color: rgba(255, 255, 255, 0.88);--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: #888;--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(255, 255, 255, 0.74);--profile-page-item-content-title-bg-color: #121212;--playlist-item-main-view-full-link-text-color: rgb(170, 170, 170);--playlist-item-main-view-full-link-hover-text-color: #fff;--item-list-load-more-text-color: #888;--item-list-load-more-hover-text-color: rgba(255, 255, 255, 0.74);--media-list-row-border-color: rgba(255, 255, 255, 0.08);--media-list-header-title-link-text-color: rgba(255, 255, 255, 0.5);--playlist-form-title-focused-bg-color: rgba(255, 255, 255, 0.88);--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-form-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-form-field-text-color: #fff;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: rgba(255, 255, 255, 0.88);--playlist-save-popup-border-color: rgba(255, 255, 255, 0.1);--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(255, 255, 255, 0.14);--playlist-view-header-bg-color: #252525;--playlist-view-header-toggle-text-color: #fff;--playlist-view-header-toggle-bg-color: #252525;--playlist-view-title-link-text-color: rgba(255, 255, 255, 0.88);--playlist-view-meta-text-color: rgb(238, 238, 238);--playlist-view-meta-link-color: #fff;--playlist-view-meta-link-hover-text-color: #fff;--playlist-view-status-text-color: rgba(255, 255, 255, 0.6);--playlist-view-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-view-status-icon-text-color: rgba(255, 255, 255, 0.6);--playlist-view-actions-bg-color: #252525;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: #fff;--playlist-view-item-author-text-color: #fff;--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: var(--body-bg-color);--profile-page-header-bg-color: #1a1a1a;--profile-page-info-videos-number-text-color: #888;--profile-page-nav-link-text-color: #888;--profile-page-nav-link-hover-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-after-bg-color: #888;--add-media-page-tmplt-dialog-bg-color: #242424;--add-media-page-tmplt-uploader-bg-color: #242424;--add-media-page-tmplt-dropzone-bg-color: rgba(28, 28, 28, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(255, 255, 255, 0.4);--add-media-page-tmplt-upload-item-actions-text-color: rgba(255, 255, 255, 0.5);--add-media-page-qq-gallery-upload-button-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(255, 255, 255, 0.704);--playlist-page-bg-color: #1a1a1a;--playlist-page-details-text-color: rgb(170, 170, 170);--playlist-page-thumb-bg-color: #272727;--playlist-page-title-link-text-color: #fff;--playlist-page-actions-circle-icon-text-color: #1a1a1a;--playlist-page-actions-circle-icon-bg-color: inherit;--playlist-page-actions-nav-item-button-text-color: rgba(255, 255, 255, 0.88);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-status-text-color: rgba(255, 255, 255, 0.6);--playlist-page-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-status-icon-text-color: rgba(255, 255, 255, 0.4);--playlist-page-author-border-top-color: rgba(255, 255, 255, 0.1);--playlist-page-author-name-link-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(170, 170, 170);--playlist-page-author-edit-playlist-icon-button-bg-color: #252525;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-bg-color: #242424;--playlist-page-author-edit-playlist-form-wrap-border-color: rgba(255, 255, 255, 0.1);--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-author-thumb-text-color: #fff;--playlist-page-author-edit-playlist-author-thumb-bg-color: #272727;--playlist-page-details-bg-color: #252525;--playlist-page-video-list-bg-color: #1c1c1c;--playlist-page-video-list-item-title-bg-color: #1c1c1c;--playlist-page-video-list-item-hover-bg-color: #333;--playlist-page-video-list-item-title-hover-bg-color: #333;--playlist-page-video-list-item-after-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-video-list-item-order-text-color: rgb(170, 170, 170);--playlist-page-video-list-item-options-icon-hover-color: rgba(255, 255, 255, 0.88);--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-title-banner-border-color: rgba(255, 255, 255, 0.08);--media-title-labels-area-text-color: rgba(255, 255, 255, 0.6);--media-title-labels-area-bg-color: rgba(255, 255, 255, 0.08);--media-title-views-text-color: rgb(136, 136, 136);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(255, 255, 255, 0.07);--media-actions-not-popup-circle-icon-active-bg-color: rgba(255, 255, 255, 0.14);--media-actions-like-before-border-color: rgba(255, 255, 255, 0.5);--media-actions-share-title-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-options-nav-button-text-color: rgba(255, 255, 255, 0.5);--media-actions-share-options-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-copy-field-border-color: rgb(41, 41, 41);--media-actions-share-copy-field-bg-color: rgb(28, 28, 28);--media-actions-share-copy-field-input-text-color: rgba(255, 255, 255, 0.88);--media-actions-more-options-popup-bg-color: #242424;--media-actions-more-options-popup-nav-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-fullscreen-popup-main-bg-color: #242424;--report-form-title-text-color: rgba(255, 255, 255, 0.88);--report-form-field-label-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-border-color: rgb(41, 41, 41);--report-form-field-input-bg-color: rgb(28, 28, 28);--report-form-help-text-color: rgb(136, 136, 136);--form-actions-bottom-border-top-color: rgba(255, 255, 255, 0.08);--media-author-banner-name-text-color: rgba(255, 255, 255, 0.88);--media-author-banner-date-text-color: rgba(255, 255, 255, 0.6);--media-content-banner-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-ttl-text-color: rgba(255, 255, 255, 0.88);--share-embed-inner-on-right-icon-text-color: rgba(255, 255, 255, 0.5);--share-embed-inner-textarea-text-color: rgba(255, 255, 255, 0.55);--share-embed-inner-textarea-border-color: rgb(41, 41, 41);--share-embed-inner-textarea-bg-color: rgb(28, 28, 28);--share-embed-inner-embed-wrap-iconn-text-color: rgba(255, 255, 255, 0.5);--media-status-info-item-text-color: rgba(255, 255, 255, 0.88);--viewer-sidebar-auto-play-border-bottom-color: rgba(255, 255, 255, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #fff;--viewer-sidebar-auto-play-option-text-color: #aaa;--user-action-form-inner-bg-color: #242424;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #303030;--user-action-form-inner-input-text-color: rgba(255, 255, 255, 0.88);--user-action-form-inner-input-bg-color: #121212}body{--default-logo-height: 18px;--default-theme-color: #009933;--default-brand-color: #009933;--success-color: #00a28b;--warning-color: #e09f1f;--danger-color: #de623b;--input-disabled-bg-color: hsla(0, 0%, 0%, 0.05);--dotted-outline: 1px dotted var(--dotted-outline-color);--header-height: 56px;--sidebar-width: 240px;--item-title-font-size: 14px;--item-title-max-lines: 2;--item-title-line-height: 18px;--horizontal-item-title-line-height: 21px;--playlist-item-title-line-height: 20px;--large-item-title-font-size: 16px;--large-item-title-line-height: 22px;--links-color: var(--default-theme-color)}body{--default-item-width: 218px;--default-max-item-width: 344px;--default-max-row-items: 6;--default-item-margin-right-width: 4px;--default-item-margin-bottom-width: 24px;--default-horizontal-item-margin-right-width: 12px;--default-horizontal-item-margin-bottom-width: 12px}.item{vertical-align:top;display:block;width:100%;max-width:var(--max-item-width, var(--default-max-item-width));margin-bottom:var(--item-margin-bottom-width, var(--default-item-margin-bottom-width))}.item-thumb,a.item-thumb{position:relative;display:block;height:auto;padding-bottom:56.11%;overflow:hidden;text-decoration:none;background-position:center;-moz-background-size:cover;background-size:cover;background-color:var(--item-thumb-bg-color)}.item-thumb.no-thumb:before{position:absolute;top:50%;left:50%;margin:0;margin-top:-1rem;margin-left:-1rem;font-size:2rem;line-height:1;padding:0;font-family:"Material Icons";text-decoration:none;color:#888}.item.video-item .item-thumb.no-thumb:before{content:"";content:"";content:""}.item.image-item .item-thumb.no-thumb:before{content:"";content:""}.item.audio-item .item-thumb.no-thumb:before{content:""}.item.pdf-item .item-thumb.no-thumb:before,.item.attachment-item .item-thumb.no-thumb:before{content:"";content:""}.item.playlist-item .item-thumb.no-thumb:before{content:""}.item.category-item .item-thumb.no-thumb:before{content:"";content:"list_alt"}.item.tag-item .item-thumb.no-thumb:before{content:""}.item.other-item .item-thumb.no-thumb:before{content:"";content:""}.item.member-item .item-thumb.no-thumb:before{content:"person"}.item-img{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.item-img img{width:100%;max-height:100%;pointer-events:none;visibility:hidden}.item-img-preview{position:absolute;top:0;right:0;left:0;bottom:0;display:block;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:all 750ms;-o-transition:all 750ms;-moz-transition:all 750ms;transition:all 750ms}.item-duration,.item-type-icon{position:absolute;bottom:0;right:0;pointer-events:none}.item-duration>*,.item-type-icon>*{display:inline-block;margin:4px;padding:2px 4px;color:#fff;background-color:#111;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.8}.item-duration{font-size:12px;font-weight:500;line-height:13.5px;letter-spacing:.5px}.item-type-icon>*{float:left}.item-type-icon>*:before{font-family:"Material Icons";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;float:left;padding:0;margin:0;text-align:center}.item.video-item .item-type-icon>*:before{content:"";content:"";content:""}.item.audio-item .item-type-icon>*:before{content:""}.item.image-item .item-type-icon>*:before{content:"";content:""}.item.pdf-item .item-type-icon>*:before,.item.attachment-item .item-type-icon>*:before{content:""}.item.category-item .item-type-icon>*:before{content:"";content:"list_alt"}.item.tag-item .item-type-icon>*:before{content:""}.item.other-item .item-type-icon>*:before{content:""}.item-meta{clear:left;float:left;font-family:Arial,sans-serif;line-height:18px;font-size:13px;width:100%;color:var(--item-meta-text-color)}.item-meta>*{vertical-align:top}.item-meta a,.item-meta a{color:var(--item-meta-link-text-color)}.item-meta a:hover,.item-meta a:focus,.item-meta a:hover,.item-meta a:focus{color:var(--item-meta-link-hover-text-color)}.item-author{display:block}.item-author a{width:auto;display:inline-block}.item-views+.item-date:before{content:"•";content:"•";margin:0 4px}.item-description{color:#888;font-size:13px;line-height:1em;width:100%;float:left;margin:10px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px}.item-description div{line-height:18px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.item.on-hover-preview:hover .item-img-preview{visibility:visible;opacity:1}.item-content{position:relative;display:block;overflow:hidden}.item-content h3{display:inline-block;clear:right;width:auto;position:relative;max-height:-webkit-calc(var(--item-title-max-lines) * var(--item-title-line-height));max-height:-moz-calc(var(--item-title-max-lines) * var(--item-title-line-height));max-height:calc(var(--item-title-max-lines) * var(--item-title-line-height))}.item-content h3 a{width:auto;max-width:100%;color:inherit}.item-content h3 span{line-height:var(--item-title-line-height);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:var(--item-bg-color);display:block;max-height:-webkit-calc(var(--item-title-max-lines) * var(--item-title-line-height));max-height:-moz-calc(var(--item-title-max-lines) * var(--item-title-line-height));max-height:calc(var(--item-title-max-lines) * var(--item-title-line-height));display:-webkit-box;-webkit-line-clamp:var(--item-title-max-lines);-webkit-box-orient:vertical;white-space:normal}.item-content-link h3{text-decoration:none;color:var(--item-title-text-color)}.item-main{display:inline-block;width:100%;line-height:var(--item-title-line-height)}.item-main h3{font-weight:500;font-size:var(--item-title-font-size);line-height:var(--item-title-line-height);margin-top:12px;margin-bottom:8px}.item-main a{text-decoration:none}a.item-edit-link{display:block;line-height:1;padding:8px 0;font-size:.928571429em;text-align:center;text-decoration:none;-webkit-border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;border-radius:1px 1px 0 0;color:#fff;background-color:var(--brand-color, var(--default-brand-color))}.playlist-item .playlist-count{position:absolute;top:0;right:0;bottom:0;width:92px;display:block;line-height:1.25;color:rgba(255,255,255,.8);background-color:rgba(17,17,17,.8)}.playlist-item .playlist-count span{display:inline-block;width:100%}.playlist-item .playlist-count .material-icons{font-size:29px;margin:1px 0 0 4px;padding:0;line-height:1}.playlist-item .playlist-hover-play-all{position:absolute;top:0;right:0;bottom:0;left:0;font-size:13px;font-weight:500;color:rgba(255,255,255,.8);background-color:rgba(17,17,17,.8);letter-spacing:.007px;line-height:1;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.playlist-item .playlist-hover-play-all span{display:inline-block;margin-right:2px}.playlist-item .playlist-hover-play-all .material-icons{margin-bottom:4px}.playlist-item .playlist-count>*,.playlist-item .playlist-hover-play-all>*{display:table;width:100%;height:100%;text-align:center}.playlist-item .playlist-count>*>*,.playlist-item .playlist-hover-play-all>*>*{display:table-cell;vertical-align:middle}.playlist-item:hover .playlist-hover-play-all{opacity:1}.playlist-item .item-main a.view-full-playlist{position:relative;float:left;clear:both;display:inline-block;margin-top:4px;font-size:12.5px;font-weight:500}.playlist-item .item-main a.view-full-playlist{color:var(--playlist-item-main-view-full-link-text-color)}.playlist-item .item-main a.view-full-playlist:hover{color:var(--playlist-item-main-view-full-link-hover-text-color)}.hover-overlay-title .item .item-main,.hover-overlay-title .item .item-content-link{position:absolute;top:0;left:0;right:0;bottom:0}.hover-overlay-title .item .item-main{display:block}.hover-overlay-title .item .item-content-link{display:table;width:100%;height:100%;-webkit-transition-property:color,background-color;-o-transition-property:color,background-color;-moz-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.hover-overlay-title .item .item-content-link h3{z-index:1;color:#fff;font-weight:400}.hover-overlay-title .item .item-content-link:after,.hover-overlay-title .item .item-content-link:before{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;content:"";display:block;-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.hover-overlay-title .item .item-content-link:before{opacity:1;background:-webkit-radial-gradient(circle, rgba(0, 0, 0, 0.75) 0%, rgba(74, 74, 74, 0.75) 100%);background:-moz-radial-gradient(circle, rgba(0, 0, 0, 0.75) 0%, rgba(74, 74, 74, 0.75) 100%);background:-o-radial-gradient(circle, rgba(0, 0, 0, 0.75) 0%, rgba(74, 74, 74, 0.75) 100%);background:radial-gradient(circle, rgba(0, 0, 0, 0.75) 0%, rgba(74, 74, 74, 0.75) 100%)}.hover-overlay-title .item .item-content-link:after{opacity:0;background:-webkit-radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, rgba(198, 198, 198, 0.75) 100%);background:-moz-radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, rgba(198, 198, 198, 0.75) 100%);background:-o-radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, rgba(198, 198, 198, 0.75) 100%);background:radial-gradient(circle, rgba(255, 255, 255, 0.75) 0%, rgba(198, 198, 198, 0.75) 100%)}.hover-overlay-title .item .item-content-link:hover h3{color:#000}.hover-overlay-title .item .item-content-link:hover:before{opacity:0}.hover-overlay-title .item .item-content-link:hover:after{opacity:1}.hover-overlay-title .item h3{display:table-cell;vertical-align:middle;text-align:center;max-height:100% !important;margin:0 !important;padding:8px;font-size:1.5em}.hover-overlay-title .item h3 span{max-height:100% !important;line-height:1.15;background:none}.hover-overlay-title .item .item-meta,.hover-overlay-title .item .item-description{display:none}body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: rgb(13, 13, 13);--playlist-view-item-author-text-color: rgb(13, 13, 13);--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: #fff;--profile-page-header-bg-color: var(--body-bg-color);--profile-page-info-videos-number-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-hover-text-color: #111;--profile-page-nav-link-active-text-color: #111;--profile-page-nav-link-active-after-bg-color: rgba(17, 17, 17, 0.6);--add-media-page-tmplt-dialog-bg-color: #fff;--add-media-page-tmplt-uploader-bg-color: #fff;--add-media-page-tmplt-dropzone-bg-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(17, 17, 17, 0.4);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(17, 17, 17, 0.32);--add-media-page-tmplt-upload-item-actions-text-color: rgba(17, 17, 17, 0.4);--add-media-page-qq-gallery-upload-button-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(17, 17, 17, 0.4);--playlist-page-bg-color: rgb(250, 250, 250);--playlist-page-details-text-color: rgb(96, 96, 96);--playlist-page-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-title-link-text-color: rgb(13, 13, 13);--playlist-page-actions-circle-icon-text-color: rgb(144, 144, 144);--playlist-page-actions-circle-icon-bg-color: rgb(250, 250, 250);--playlist-page-actions-nav-item-button-text-color: rgb(10, 10, 10);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: #111;--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: #111;--playlist-page-status-text-color: rgba(17, 17, 17, 0.6);--playlist-page-status-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-page-author-border-top-color: rgba(0, 0, 0, 0.1);--playlist-page-author-name-link-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(96, 96, 96);--playlist-page-author-edit-playlist-icon-button-bg-color: #fafafa;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-bg-color: #fff;--playlist-page-author-edit-playlist-form-wrap-border-color: #eee;--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: #111;--playlist-page-author-edit-playlist-author-thumb-text-color: #606060;--playlist-page-author-edit-playlist-author-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-details-bg-color: #fafafa;--playlist-page-video-list-bg-color: #f5f5f5;--playlist-page-video-list-item-title-bg-color: #f5f5f5;--playlist-page-video-list-item-hover-bg-color: #ebebeb;--playlist-page-video-list-item-title-hover-bg-color: #ebebeb;--playlist-page-video-list-item-after-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-video-list-item-order-text-color: rgb(96, 96, 96);--playlist-page-video-list-item-options-icon-hover-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--media-title-banner-border-color: #eee;--media-title-labels-area-text-color: rgba(17, 17, 17, 0.6);--media-title-labels-area-bg-color: rgba(238, 238, 238, 0.6);--media-title-views-text-color: rgba(17, 17, 17, 0.6);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(0, 0, 0, 0.04);--media-actions-not-popup-circle-icon-active-bg-color: rgba(0, 0, 0, 0.07);--media-actions-like-before-border-color: rgba(17, 17, 17, 0.4);--media-actions-share-title-text-color: #111;--media-actions-share-options-nav-button-text-color: rgba(17, 17, 17, 0.4);--media-actions-share-options-link-text-color: rgb(17, 17, 17);--media-actions-share-copy-field-border-color: rgb(237, 237, 237);--media-actions-share-copy-field-bg-color: rgb(250, 250, 250);--media-actions-share-copy-field-input-text-color: rgb(17, 17, 17);--media-actions-more-options-popup-bg-color: #fff;--media-actions-more-options-popup-nav-link-text-color: rgb(10, 10, 10);--media-actions-share-fullscreen-popup-main-bg-color: #fff;--report-form-title-text-color: #111;--report-form-field-label-text-color: rgba(17, 17, 17, 0.6);--report-form-field-input-text-color: #111;--report-form-field-input-border-color: rgb(237, 237, 237);--report-form-field-input-bg-color: rgb(250, 250, 250);--report-form-help-text-color: rgba(17, 17, 17, 0.6);--form-actions-bottom-border-top-color: rgb(238, 238, 238);--media-author-banner-name-text-color: #0a0a0a;--media-author-banner-date-text-color: rgba(17, 17, 17, 0.6);--media-content-banner-border-color: #eee;--share-embed-inner-on-right-border-color: rgb(238, 238, 238);--share-embed-inner-on-right-ttl-text-color: #111;--share-embed-inner-on-right-icon-text-color: rgba(17, 17, 17, 0.4);--share-embed-inner-textarea-text-color: rgba(17, 17, 17, 0.8);--share-embed-inner-textarea-border-color: rgb(237, 237, 237);--share-embed-inner-textarea-bg-color: rgb(250, 250, 250);--share-embed-inner-embed-wrap-iconn-text-color: rgba(17, 17, 17, 0.4);--media-status-info-item-text-color: #111;--viewer-sidebar-auto-play-border-bottom-color: rgba(0, 0, 0, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #0a0a0a;--viewer-sidebar-auto-play-option-text-color: #606060;--user-action-form-inner-bg-color: #fff;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #d3d3d3;--user-action-form-inner-input-text-color: #000;--user-action-form-inner-input-bg-color: #fff}body.dark_theme{--body-text-color: rgba(255, 255, 255, 0.88);--body-bg-color: #121212;--hr-color: #2a2a2a;--dotted-outline-color: rgba(255, 255, 255, 0.4);--input-color: hsla(0, 0%, 100%, 0.88);--input-bg-color: hsla(0, 0%, 0%, 0.55);--input-border-color: hsl(0, 0%, 19%);--header-bg-color: #272727;--header-circle-button-color: #fff;--header-popup-menu-color: #fff;--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #1c1c1c;--sidebar-nav-border-color: rgba(255, 255, 255, 0.1);--sidebar-nav-item-text-color: #fff;--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: rgba(255, 255, 255, 0.88);--spinner-loader-color: rgba(255, 255, 255, 0.74);--nav-menu-active-item-bg-color: rgba(255, 255, 255, 0.1);--nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--in-popup-nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--search-field-input-text-color: rgba(255, 255, 255, 0.88);--search-field-input-bg-color: #121212;--search-field-input-border-color: #303030;--search-field-submit-text-color: rgba(255, 255, 255, 0.5);--search-field-submit-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-border-color: #2e2e2e;--search-field-submit-hover-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-hover-border-color: #2e2e2e;--search-results-item-content-link-title-text-color: rgba(255, 255, 255, 0.88);--logged-in-user-thumb-bg-color: rgba(255, 255, 255, 0.14);--popup-bg-color: #242424;--popup-hr-bg-color: rgba(255, 255, 255, 0.08);--popup-top-text-color: #fff;--popup-top-bg-color: rgba(136, 136, 136, 0.4);--popup-msg-title-text-color: rgba(255, 255, 255, 0.88);--popup-msg-main-text-color: rgba(255, 255, 255, 0.5);--comments-textarea-wrapper-border-color: #898989;--comments-textarea-wrapper-after-bg-color: #fff;--comments-textarea-text-color: #fff;--comments-textarea-text-placeholder-color: #898989;--comments-list-inner-border-color: rgba(255, 255, 255, 0.08);--comment-author-text-color: rgba(255, 255, 255, 0.88);--comment-date-text-color: #888;--comment-date-hover-text-color: #fff;--comment-text-color: rgba(255, 255, 255, 0.88);--comment-text-mentions-background-color-highlight:#006622;--comment-actions-material-icon-text-color: rgba(255, 255, 255, 0.74);--comment-actions-likes-num-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-hover-text-color: rgba(255, 255, 255, 0.74);--comment-actions-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--item-bg-color: #121212;--item-title-text-color: rgba(255, 255, 255, 0.88);--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: #888;--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(255, 255, 255, 0.74);--profile-page-item-content-title-bg-color: #121212;--playlist-item-main-view-full-link-text-color: rgb(170, 170, 170);--playlist-item-main-view-full-link-hover-text-color: #fff;--item-list-load-more-text-color: #888;--item-list-load-more-hover-text-color: rgba(255, 255, 255, 0.74);--media-list-row-border-color: rgba(255, 255, 255, 0.08);--media-list-header-title-link-text-color: rgba(255, 255, 255, 0.5);--playlist-form-title-focused-bg-color: rgba(255, 255, 255, 0.88);--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-form-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-form-field-text-color: #fff;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: rgba(255, 255, 255, 0.88);--playlist-save-popup-border-color: rgba(255, 255, 255, 0.1);--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(255, 255, 255, 0.14);--playlist-view-header-bg-color: #252525;--playlist-view-header-toggle-text-color: #fff;--playlist-view-header-toggle-bg-color: #252525;--playlist-view-title-link-text-color: rgba(255, 255, 255, 0.88);--playlist-view-meta-text-color: rgb(238, 238, 238);--playlist-view-meta-link-color: #fff;--playlist-view-meta-link-hover-text-color: #fff;--playlist-view-status-text-color: rgba(255, 255, 255, 0.6);--playlist-view-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-view-status-icon-text-color: rgba(255, 255, 255, 0.6);--playlist-view-actions-bg-color: #252525;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: #fff;--playlist-view-item-author-text-color: #fff;--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: var(--body-bg-color);--profile-page-header-bg-color: #1a1a1a;--profile-page-info-videos-number-text-color: #888;--profile-page-nav-link-text-color: #888;--profile-page-nav-link-hover-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-after-bg-color: #888;--add-media-page-tmplt-dialog-bg-color: #242424;--add-media-page-tmplt-uploader-bg-color: #242424;--add-media-page-tmplt-dropzone-bg-color: rgba(28, 28, 28, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(255, 255, 255, 0.4);--add-media-page-tmplt-upload-item-actions-text-color: rgba(255, 255, 255, 0.5);--add-media-page-qq-gallery-upload-button-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(255, 255, 255, 0.704);--playlist-page-bg-color: #1a1a1a;--playlist-page-details-text-color: rgb(170, 170, 170);--playlist-page-thumb-bg-color: #272727;--playlist-page-title-link-text-color: #fff;--playlist-page-actions-circle-icon-text-color: #1a1a1a;--playlist-page-actions-circle-icon-bg-color: inherit;--playlist-page-actions-nav-item-button-text-color: rgba(255, 255, 255, 0.88);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-status-text-color: rgba(255, 255, 255, 0.6);--playlist-page-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-status-icon-text-color: rgba(255, 255, 255, 0.4);--playlist-page-author-border-top-color: rgba(255, 255, 255, 0.1);--playlist-page-author-name-link-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(170, 170, 170);--playlist-page-author-edit-playlist-icon-button-bg-color: #252525;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-bg-color: #242424;--playlist-page-author-edit-playlist-form-wrap-border-color: rgba(255, 255, 255, 0.1);--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-author-thumb-text-color: #fff;--playlist-page-author-edit-playlist-author-thumb-bg-color: #272727;--playlist-page-details-bg-color: #252525;--playlist-page-video-list-bg-color: #1c1c1c;--playlist-page-video-list-item-title-bg-color: #1c1c1c;--playlist-page-video-list-item-hover-bg-color: #333;--playlist-page-video-list-item-title-hover-bg-color: #333;--playlist-page-video-list-item-after-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-video-list-item-order-text-color: rgb(170, 170, 170);--playlist-page-video-list-item-options-icon-hover-color: rgba(255, 255, 255, 0.88);--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-title-banner-border-color: rgba(255, 255, 255, 0.08);--media-title-labels-area-text-color: rgba(255, 255, 255, 0.6);--media-title-labels-area-bg-color: rgba(255, 255, 255, 0.08);--media-title-views-text-color: rgb(136, 136, 136);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(255, 255, 255, 0.07);--media-actions-not-popup-circle-icon-active-bg-color: rgba(255, 255, 255, 0.14);--media-actions-like-before-border-color: rgba(255, 255, 255, 0.5);--media-actions-share-title-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-options-nav-button-text-color: rgba(255, 255, 255, 0.5);--media-actions-share-options-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-copy-field-border-color: rgb(41, 41, 41);--media-actions-share-copy-field-bg-color: rgb(28, 28, 28);--media-actions-share-copy-field-input-text-color: rgba(255, 255, 255, 0.88);--media-actions-more-options-popup-bg-color: #242424;--media-actions-more-options-popup-nav-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-fullscreen-popup-main-bg-color: #242424;--report-form-title-text-color: rgba(255, 255, 255, 0.88);--report-form-field-label-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-border-color: rgb(41, 41, 41);--report-form-field-input-bg-color: rgb(28, 28, 28);--report-form-help-text-color: rgb(136, 136, 136);--form-actions-bottom-border-top-color: rgba(255, 255, 255, 0.08);--media-author-banner-name-text-color: rgba(255, 255, 255, 0.88);--media-author-banner-date-text-color: rgba(255, 255, 255, 0.6);--media-content-banner-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-ttl-text-color: rgba(255, 255, 255, 0.88);--share-embed-inner-on-right-icon-text-color: rgba(255, 255, 255, 0.5);--share-embed-inner-textarea-text-color: rgba(255, 255, 255, 0.55);--share-embed-inner-textarea-border-color: rgb(41, 41, 41);--share-embed-inner-textarea-bg-color: rgb(28, 28, 28);--share-embed-inner-embed-wrap-iconn-text-color: rgba(255, 255, 255, 0.5);--media-status-info-item-text-color: rgba(255, 255, 255, 0.88);--viewer-sidebar-auto-play-border-bottom-color: rgba(255, 255, 255, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #fff;--viewer-sidebar-auto-play-option-text-color: #aaa;--user-action-form-inner-bg-color: #242424;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #303030;--user-action-form-inner-input-text-color: rgba(255, 255, 255, 0.88);--user-action-form-inner-input-bg-color: #121212}body{--default-logo-height: 18px;--default-theme-color: #009933;--default-brand-color: #009933;--success-color: #00a28b;--warning-color: #e09f1f;--danger-color: #de623b;--input-disabled-bg-color: hsla(0, 0%, 0%, 0.05);--dotted-outline: 1px dotted var(--dotted-outline-color);--header-height: 56px;--sidebar-width: 240px;--item-title-font-size: 14px;--item-title-max-lines: 2;--item-title-line-height: 18px;--horizontal-item-title-line-height: 21px;--playlist-item-title-line-height: 20px;--large-item-title-font-size: 16px;--large-item-title-line-height: 22px;--links-color: var(--default-theme-color)}body{--default-item-width: 218px;--default-max-item-width: 344px;--default-max-row-items: 6;--default-item-margin-right-width: 4px;--default-item-margin-bottom-width: 24px;--default-horizontal-item-margin-right-width: 12px;--default-horizontal-item-margin-bottom-width: 12px}.items-list-ver .feat-first-item .items-list-wrap,.items-list-ver .feat-first-item .items-list{width:100%;display:inline-block}.items-list-ver .feat-first-item.no-title{margin-top:var(--default-item-margin-bottom-width)}.items-list-ver .feat-first-item .item:first-child .item-player-wrapper{position:relative;width:100%;height:auto;padding-bottom:56.11%}.items-list-ver .feat-first-item .item:first-child .item-player-wrapper-inner{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-color:var(--item-thumb-bg-color)}@media(min-width: 600px){.items-list-ver.media-list-wrapper .media-list-row .item{display:inline-block;max-width:var(--item-width, var(--default-item-width))}.items-list-ver.media-list-wrapper .media-list-row .item-content{margin-right:var(--item-margin-right-width, var(--default-item-margin-right-width))}.items-list-ver.media-list-wrapper .media-list-row .item-main h3{margin:.5714285em 0}}@media(min-width: 600px){.items-list-ver .feat-first-item .item:first-child{float:left;max-width:-webkit-calc(3 * var(--item-width, var(--default-item-width)));max-width:-moz-calc(3 * var(--item-width, var(--default-item-width)));max-width:calc(3 * var(--item-width, var(--default-item-width)))}}@media(min-width: 952px){.items-list-ver .feat-first-item .item:nth-child(4n+4){clear:left}.items-list-ver .feat-first-item .item:nth-child(2){min-height:232px;margin-bottom:13px}}@media(min-width: 1170px){.items-list-ver .feat-first-item .item:nth-child(4n+4){clear:none}.items-list-ver .feat-first-item .item:nth-child(5n+6){clear:left}.items-list-ver .feat-first-item .item:nth-child(2){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}.items-list-ver .feat-first-item .item:nth-child(3){min-height:232px;margin-bottom:13px}}@media(min-width: 1388px){.items-list-ver .feat-first-item .item:nth-child(5n+6){clear:none}.items-list-ver .feat-first-item .item:nth-child(6n+8){clear:left}.items-list-ver .feat-first-item .item:nth-child(3){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}.items-list-ver .feat-first-item .item:nth-child(4){min-height:232px;margin-bottom:13px}}@media(min-width: 952px){.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4){clear:none}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(2),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(2){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}}@media(min-width: 1170px){.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4){clear:left}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(3),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(3){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(2),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(2){min-height:232px;margin-bottom:13px}}@media(min-width: 1388px){.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(4n+4){clear:none}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(5n+6),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(5n+6){clear:left}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(2),.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(4),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(2),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(4){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(3),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(3){min-height:232px;margin-bottom:13px}}@media(min-width: 1606px){.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(5n+6),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(5n+6){clear:none}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(6n+8),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(6n+8){clear:left}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(3),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(3){min-height:0;margin-bottom:var(--default-item-margin-bottom-width)}.sliding-sidebar .items-list-ver .feat-first-item .item:nth-child(4),.visible-sidebar .items-list-ver .feat-first-item .item:nth-child(4){min-height:232px;margin-bottom:13px}}body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: rgb(13, 13, 13);--playlist-view-item-author-text-color: rgb(13, 13, 13);--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: #fff;--profile-page-header-bg-color: var(--body-bg-color);--profile-page-info-videos-number-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-text-color: rgba(17, 17, 17, 0.6);--profile-page-nav-link-hover-text-color: #111;--profile-page-nav-link-active-text-color: #111;--profile-page-nav-link-active-after-bg-color: rgba(17, 17, 17, 0.6);--add-media-page-tmplt-dialog-bg-color: #fff;--add-media-page-tmplt-uploader-bg-color: #fff;--add-media-page-tmplt-dropzone-bg-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(17, 17, 17, 0.4);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(17, 17, 17, 0.32);--add-media-page-tmplt-upload-item-actions-text-color: rgba(17, 17, 17, 0.4);--add-media-page-qq-gallery-upload-button-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(17, 17, 17, 0.6);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(17, 17, 17, 1);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(17, 17, 17, 0.4);--playlist-page-bg-color: rgb(250, 250, 250);--playlist-page-details-text-color: rgb(96, 96, 96);--playlist-page-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-title-link-text-color: rgb(13, 13, 13);--playlist-page-actions-circle-icon-text-color: rgb(144, 144, 144);--playlist-page-actions-circle-icon-bg-color: rgb(250, 250, 250);--playlist-page-actions-nav-item-button-text-color: rgb(10, 10, 10);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: #111;--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: #111;--playlist-page-status-text-color: rgba(17, 17, 17, 0.6);--playlist-page-status-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-page-author-border-top-color: rgba(0, 0, 0, 0.1);--playlist-page-author-name-link-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(96, 96, 96);--playlist-page-author-edit-playlist-icon-button-bg-color: #fafafa;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-text-color: rgb(13, 13, 13);--playlist-page-author-edit-playlist-form-wrap-bg-color: #fff;--playlist-page-author-edit-playlist-form-wrap-border-color: #eee;--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: #111;--playlist-page-author-edit-playlist-author-thumb-text-color: #606060;--playlist-page-author-edit-playlist-author-thumb-bg-color: rgba(0, 0, 0, 0.07);--playlist-page-details-bg-color: #fafafa;--playlist-page-video-list-bg-color: #f5f5f5;--playlist-page-video-list-item-title-bg-color: #f5f5f5;--playlist-page-video-list-item-hover-bg-color: #ebebeb;--playlist-page-video-list-item-title-hover-bg-color: #ebebeb;--playlist-page-video-list-item-after-bg-color: rgba(0, 0, 0, 0.1);--playlist-page-video-list-item-order-text-color: rgb(96, 96, 96);--playlist-page-video-list-item-options-icon-hover-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: #111;--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: #111;--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: #111;--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: #111;--media-title-banner-border-color: #eee;--media-title-labels-area-text-color: rgba(17, 17, 17, 0.6);--media-title-labels-area-bg-color: rgba(238, 238, 238, 0.6);--media-title-views-text-color: rgba(17, 17, 17, 0.6);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(0, 0, 0, 0.04);--media-actions-not-popup-circle-icon-active-bg-color: rgba(0, 0, 0, 0.07);--media-actions-like-before-border-color: rgba(17, 17, 17, 0.4);--media-actions-share-title-text-color: #111;--media-actions-share-options-nav-button-text-color: rgba(17, 17, 17, 0.4);--media-actions-share-options-link-text-color: rgb(17, 17, 17);--media-actions-share-copy-field-border-color: rgb(237, 237, 237);--media-actions-share-copy-field-bg-color: rgb(250, 250, 250);--media-actions-share-copy-field-input-text-color: rgb(17, 17, 17);--media-actions-more-options-popup-bg-color: #fff;--media-actions-more-options-popup-nav-link-text-color: rgb(10, 10, 10);--media-actions-share-fullscreen-popup-main-bg-color: #fff;--report-form-title-text-color: #111;--report-form-field-label-text-color: rgba(17, 17, 17, 0.6);--report-form-field-input-text-color: #111;--report-form-field-input-border-color: rgb(237, 237, 237);--report-form-field-input-bg-color: rgb(250, 250, 250);--report-form-help-text-color: rgba(17, 17, 17, 0.6);--form-actions-bottom-border-top-color: rgb(238, 238, 238);--media-author-banner-name-text-color: #0a0a0a;--media-author-banner-date-text-color: rgba(17, 17, 17, 0.6);--media-content-banner-border-color: #eee;--share-embed-inner-on-right-border-color: rgb(238, 238, 238);--share-embed-inner-on-right-ttl-text-color: #111;--share-embed-inner-on-right-icon-text-color: rgba(17, 17, 17, 0.4);--share-embed-inner-textarea-text-color: rgba(17, 17, 17, 0.8);--share-embed-inner-textarea-border-color: rgb(237, 237, 237);--share-embed-inner-textarea-bg-color: rgb(250, 250, 250);--share-embed-inner-embed-wrap-iconn-text-color: rgba(17, 17, 17, 0.4);--media-status-info-item-text-color: #111;--viewer-sidebar-auto-play-border-bottom-color: rgba(0, 0, 0, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #0a0a0a;--viewer-sidebar-auto-play-option-text-color: #606060;--user-action-form-inner-bg-color: #fff;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #d3d3d3;--user-action-form-inner-input-text-color: #000;--user-action-form-inner-input-bg-color: #fff}body.dark_theme{--body-text-color: rgba(255, 255, 255, 0.88);--body-bg-color: #121212;--hr-color: #2a2a2a;--dotted-outline-color: rgba(255, 255, 255, 0.4);--input-color: hsla(0, 0%, 100%, 0.88);--input-bg-color: hsla(0, 0%, 0%, 0.55);--input-border-color: hsl(0, 0%, 19%);--header-bg-color: #272727;--header-circle-button-color: #fff;--header-popup-menu-color: #fff;--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #1c1c1c;--sidebar-nav-border-color: rgba(255, 255, 255, 0.1);--sidebar-nav-item-text-color: #fff;--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: rgba(255, 255, 255, 0.88);--spinner-loader-color: rgba(255, 255, 255, 0.74);--nav-menu-active-item-bg-color: rgba(255, 255, 255, 0.1);--nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--in-popup-nav-menu-item-hover-bg-color: rgba(255, 255, 255, 0.1);--search-field-input-text-color: rgba(255, 255, 255, 0.88);--search-field-input-bg-color: #121212;--search-field-input-border-color: #303030;--search-field-submit-text-color: rgba(255, 255, 255, 0.5);--search-field-submit-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-border-color: #2e2e2e;--search-field-submit-hover-bg-color: rgba(255, 255, 255, 0.08);--search-field-submit-hover-border-color: #2e2e2e;--search-results-item-content-link-title-text-color: rgba(255, 255, 255, 0.88);--logged-in-user-thumb-bg-color: rgba(255, 255, 255, 0.14);--popup-bg-color: #242424;--popup-hr-bg-color: rgba(255, 255, 255, 0.08);--popup-top-text-color: #fff;--popup-top-bg-color: rgba(136, 136, 136, 0.4);--popup-msg-title-text-color: rgba(255, 255, 255, 0.88);--popup-msg-main-text-color: rgba(255, 255, 255, 0.5);--comments-textarea-wrapper-border-color: #898989;--comments-textarea-wrapper-after-bg-color: #fff;--comments-textarea-text-color: #fff;--comments-textarea-text-placeholder-color: #898989;--comments-list-inner-border-color: rgba(255, 255, 255, 0.08);--comment-author-text-color: rgba(255, 255, 255, 0.88);--comment-date-text-color: #888;--comment-date-hover-text-color: #fff;--comment-text-color: rgba(255, 255, 255, 0.88);--comment-text-mentions-background-color-highlight:#006622;--comment-actions-material-icon-text-color: rgba(255, 255, 255, 0.74);--comment-actions-likes-num-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-reply-button-hover-text-color: rgba(255, 255, 255, 0.74);--comment-actions-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--comment-actions-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--item-bg-color: #121212;--item-title-text-color: rgba(255, 255, 255, 0.88);--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: #888;--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(255, 255, 255, 0.74);--profile-page-item-content-title-bg-color: #121212;--playlist-item-main-view-full-link-text-color: rgb(170, 170, 170);--playlist-item-main-view-full-link-hover-text-color: #fff;--item-list-load-more-text-color: #888;--item-list-load-more-hover-text-color: rgba(255, 255, 255, 0.74);--media-list-row-border-color: rgba(255, 255, 255, 0.08);--media-list-header-title-link-text-color: rgba(255, 255, 255, 0.5);--playlist-form-title-focused-bg-color: rgba(255, 255, 255, 0.88);--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-form-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-form-field-text-color: #fff;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: rgba(255, 255, 255, 0.88);--playlist-save-popup-border-color: rgba(255, 255, 255, 0.1);--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(255, 255, 255, 0.14);--playlist-view-header-bg-color: #252525;--playlist-view-header-toggle-text-color: #fff;--playlist-view-header-toggle-bg-color: #252525;--playlist-view-title-link-text-color: rgba(255, 255, 255, 0.88);--playlist-view-meta-text-color: rgb(238, 238, 238);--playlist-view-meta-link-color: #fff;--playlist-view-meta-link-hover-text-color: #fff;--playlist-view-status-text-color: rgba(255, 255, 255, 0.6);--playlist-view-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-view-status-icon-text-color: rgba(255, 255, 255, 0.6);--playlist-view-actions-bg-color: #252525;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb(136, 136, 136);--playlist-view-item-title-text-color: #fff;--playlist-view-item-author-text-color: #fff;--playlist-view-item-author-bg-color: var(--sidebar-bg-color);--profile-page-bg-color: var(--body-bg-color);--profile-page-header-bg-color: #1a1a1a;--profile-page-info-videos-number-text-color: #888;--profile-page-nav-link-text-color: #888;--profile-page-nav-link-hover-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-text-color: rgba(255, 255, 255, 0.88);--profile-page-nav-link-active-after-bg-color: #888;--add-media-page-tmplt-dialog-bg-color: #242424;--add-media-page-tmplt-uploader-bg-color: #242424;--add-media-page-tmplt-dropzone-bg-color: rgba(28, 28, 28, 0.5);--add-media-page-tmplt-drag-drop-inner-text-color: rgba(255, 255, 255, 0.5);--add-media-page-tmplt-upload-item-spiner-text-color: rgba(255, 255, 255, 0.4);--add-media-page-tmplt-upload-item-actions-text-color: rgba(255, 255, 255, 0.5);--add-media-page-qq-gallery-upload-button-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-icon-text-color: rgba(255, 255, 255, 0.528);--add-media-page-qq-gallery-upload-button-hover-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-hover-icon-text-color: rgba(255, 255, 255, 0.88);--add-media-page-qq-gallery-upload-button-focus-text-color: rgba(255, 255, 255, 0.704);--playlist-page-bg-color: #1a1a1a;--playlist-page-details-text-color: rgb(170, 170, 170);--playlist-page-thumb-bg-color: #272727;--playlist-page-title-link-text-color: #fff;--playlist-page-actions-circle-icon-text-color: #1a1a1a;--playlist-page-actions-circle-icon-bg-color: inherit;--playlist-page-actions-nav-item-button-text-color: rgba(255, 255, 255, 0.88);--playlist-page-actions-popup-message-bottom-cancel-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-actions-popup-message-bottom-cancel-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-actions-popup-message-bottom-cancel-button-icon-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-status-text-color: rgba(255, 255, 255, 0.6);--playlist-page-status-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-status-icon-text-color: rgba(255, 255, 255, 0.4);--playlist-page-author-border-top-color: rgba(255, 255, 255, 0.1);--playlist-page-author-name-link-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-icon-button-text-color: rgb(170, 170, 170);--playlist-page-author-edit-playlist-icon-button-bg-color: #252525;--playlist-page-author-edit-playlist-icon-button-active-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-form-wrap-bg-color: #242424;--playlist-page-author-edit-playlist-form-wrap-border-color: rgba(255, 255, 255, 0.1);--playlist-page-author-edit-playlist-form-wrap-title-circle-icon-hover-text-color: rgba(255, 255, 255, 0.88);--playlist-page-author-edit-playlist-author-thumb-text-color: #fff;--playlist-page-author-edit-playlist-author-thumb-bg-color: #272727;--playlist-page-details-bg-color: #252525;--playlist-page-video-list-bg-color: #1c1c1c;--playlist-page-video-list-item-title-bg-color: #1c1c1c;--playlist-page-video-list-item-hover-bg-color: #333;--playlist-page-video-list-item-title-hover-bg-color: #333;--playlist-page-video-list-item-after-bg-color: rgba(255, 255, 255, 0.1);--playlist-page-video-list-item-order-text-color: rgb(170, 170, 170);--playlist-page-video-list-item-options-icon-hover-color: rgba(255, 255, 255, 0.88);--playlist-page-video-list-item-options-popup-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--playlist-page-video-list-item-options-popup-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color: rgba(255, 255, 255, 0.5);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color: rgba(255, 255, 255, 0.74);--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color: rgba(255, 255, 255, 0.74);--media-title-banner-border-color: rgba(255, 255, 255, 0.08);--media-title-labels-area-text-color: rgba(255, 255, 255, 0.6);--media-title-labels-area-bg-color: rgba(255, 255, 255, 0.08);--media-title-views-text-color: rgb(136, 136, 136);--media-actions-not-popup-circle-icon-focus-bg-color: rgba(255, 255, 255, 0.07);--media-actions-not-popup-circle-icon-active-bg-color: rgba(255, 255, 255, 0.14);--media-actions-like-before-border-color: rgba(255, 255, 255, 0.5);--media-actions-share-title-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-options-nav-button-text-color: rgba(255, 255, 255, 0.5);--media-actions-share-options-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-copy-field-border-color: rgb(41, 41, 41);--media-actions-share-copy-field-bg-color: rgb(28, 28, 28);--media-actions-share-copy-field-input-text-color: rgba(255, 255, 255, 0.88);--media-actions-more-options-popup-bg-color: #242424;--media-actions-more-options-popup-nav-link-text-color: rgba(255, 255, 255, 0.88);--media-actions-share-fullscreen-popup-main-bg-color: #242424;--report-form-title-text-color: rgba(255, 255, 255, 0.88);--report-form-field-label-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-text-color: rgba(255, 255, 255, 0.88);--report-form-field-input-border-color: rgb(41, 41, 41);--report-form-field-input-bg-color: rgb(28, 28, 28);--report-form-help-text-color: rgb(136, 136, 136);--form-actions-bottom-border-top-color: rgba(255, 255, 255, 0.08);--media-author-banner-name-text-color: rgba(255, 255, 255, 0.88);--media-author-banner-date-text-color: rgba(255, 255, 255, 0.6);--media-content-banner-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-border-color: rgba(255, 255, 255, 0.08);--share-embed-inner-on-right-ttl-text-color: rgba(255, 255, 255, 0.88);--share-embed-inner-on-right-icon-text-color: rgba(255, 255, 255, 0.5);--share-embed-inner-textarea-text-color: rgba(255, 255, 255, 0.55);--share-embed-inner-textarea-border-color: rgb(41, 41, 41);--share-embed-inner-textarea-bg-color: rgb(28, 28, 28);--share-embed-inner-embed-wrap-iconn-text-color: rgba(255, 255, 255, 0.5);--media-status-info-item-text-color: rgba(255, 255, 255, 0.88);--viewer-sidebar-auto-play-border-bottom-color: rgba(255, 255, 255, 0.1);--viewer-sidebar-auto-play-next-label-text-color: #fff;--viewer-sidebar-auto-play-option-text-color: #aaa;--user-action-form-inner-bg-color: #242424;--user-action-form-inner-title-border-bottom-color: var(--sidebar-nav-border-color);--user-action-form-inner-input-border-color: #303030;--user-action-form-inner-input-text-color: rgba(255, 255, 255, 0.88);--user-action-form-inner-input-bg-color: #121212}body{--default-logo-height: 18px;--default-theme-color: #009933;--default-brand-color: #009933;--success-color: #00a28b;--warning-color: #e09f1f;--danger-color: #de623b;--input-disabled-bg-color: hsla(0, 0%, 0%, 0.05);--dotted-outline: 1px dotted var(--dotted-outline-color);--header-height: 56px;--sidebar-width: 240px;--item-title-font-size: 14px;--item-title-max-lines: 2;--item-title-line-height: 18px;--horizontal-item-title-line-height: 21px;--playlist-item-title-line-height: 20px;--large-item-title-font-size: 16px;--large-item-title-line-height: 22px;--links-color: var(--default-theme-color)}body{--default-item-width: 218px;--default-max-item-width: 344px;--default-max-row-items: 6;--default-item-margin-right-width: 4px;--default-item-margin-bottom-width: 24px;--default-horizontal-item-margin-right-width: 12px;--default-horizontal-item-margin-bottom-width: 12px}@media(min-width: 390px){.items-list-hor .item{max-width:100%;margin-bottom:8px}.items-list-hor .item-content{padding-left:-webkit-calc(218px - 4px);padding-left:-moz-calc(218px - 4px);padding-left:calc(218px - 4px)}.items-list-hor .item-thumb{position:absolute;top:0;left:0;width:-webkit-calc(218px - 4px);width:-moz-calc(218px - 4px);width:calc(218px - 4px);height:-webkit-calc(0.5611 * -webkit-calc(218px - 4px));height:-moz-calc(0.5611 * -moz-calc(218px - 4px));height:calc(0.5611 * calc(218px - 4px));padding-bottom:0}.items-list-hor .item-main{min-height:-webkit-calc(0.5611 * -webkit-calc(218px - 4px));min-height:-moz-calc(0.5611 * -moz-calc(218px - 4px));min-height:calc(0.5611 * calc(218px - 4px));padding-left:var(--horizontal-item-margin-right-width, var(--default-horizontal-item-margin-right-width))}.items-list-hor .item-main h3{margin-top:0;margin-bottom:0;font-size:16px;line-height:1em;max-height:initial}.items-list-hor .item-main h3 span{line-height:var(--horizontal-item-title-line-height);max-height:-webkit-calc(var(--horizontal-item-title-max-lines) * var(--default-horizontal-item-title-line-height));max-height:-moz-calc(var(--horizontal-item-title-max-lines) * var(--default-horizontal-item-title-line-height));max-height:calc(var(--horizontal-item-title-max-lines) * var(--default-horizontal-item-title-line-height))}.items-list-hor .item-author{display:inline}.items-list-hor .item-views:before{content:"•";content:"•";margin:0 4px}.items-list-hor .item-description{margin-top:8px}}@media(min-width: 390px)and (max-width: 599px){.items-list-hor .items-list{max-width:100%}.items-list-hor .item-content{padding-left:168px}.items-list-hor .item-thumb,.items-list-hor a.item-thumb{width:168px;height:-webkit-calc(0.5611 * 168px);height:-moz-calc(0.5611 * 168px);height:calc(0.5611 * 168px)}.items-list-hor .item-main{min-height:-webkit-calc(0.5611 * 168px);min-height:-moz-calc(0.5611 * 168px);min-height:calc(0.5611 * 168px)}.items-list-hor .item-main h3{line-height:20px;font-size:15px}.items-list-hor .item-author{display:block}.items-list-hor .item-views:before{display:none}.items-list-hor .item-meta>.item-views+.item-date:before{content:"•";content:"•";margin:0 4px}.items-list-hor .item-description{display:none}}@media(min-width: 600px){.items-list-hor .item-date:before{content:"•";content:"•";margin:0 4px}.items-list-hor .item{margin-bottom:var(--horizontal-item-margin-bottom-width, var(--default-horizontal-item-margin-bottom-width))}}