/* VimeoPlayer - v3.7.0 - 2018-12-10 */
@charset "UTF-8";

.player,
.player .card--contentInfo .card-image {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.player .player-alert,
.player .vp-player-inner,
.player .vp-player-layout,
.player .vp-target {
  top: 0;
  left: 0;
  position: absolute
}

.player,
.player .vp-captions>span {
  color: #fff;
  text-rendering: optimizeLegibility
}

@keyframes buffer {
  100% {
    transform: translateX(-10px)
  }
}

@-moz-keyframes bufferLeft {
  0% {
    left: 0
  }

  100% {
    left: -10px
  }
}

@keyframes throb {

  0%,
  100% {
    background-color: #555
  }

  50% {
    background-color: #444
  }
}

@keyframes wiggle {
  0% {
    transform: translateY(10px)
  }

  20% {
    transform: translateY(0)
  }

  40%,
  80% {
    transform: translateX(8px)
  }

  60% {
    transform: translateX(-8px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes pulse {
  50% {
    transform: scale(.9)
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg)
  }
}

:-webkit-full-screen-ancestor>:not(:-webkit-full-screen-ancestor):not(:-webkit-full-screen) {
  display: none !important
}

:-moz-full-screen-ancestor>:not(:-moz-full-screen-ancestor):not(:-moz-full-screen) {
  display: none !important
}

:-ms-fullscreen-ancestor>:not(:-ms-fullscreen-ancestor):not(:-ms-fullscreen) {
  display: none !important
}

:fullscreen-ancestor>:not(:fullscreen-ancestor):not(:fullscreen) {
  display: none !important
}

body:not(.showfocus) .player button,
body:not(.showfocus) .player li,
body:not(.showfocus) .player span,
body:not(.showfocus) .player svg {
  outline: 0 !important
}

.vp-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.player .hidden,
.player .only-in-fullscreen {
  display: none !important
}

.vp-placeholder {
  opacity: 1;
  transition: opacity 125ms ease-out .1s
}

.player.loading .vp-controls-wrapper,
.player.loading .vp-video-wrapper,
.vp-placeholder-fadeout {
  opacity: 0
}

.player {
  position: relative;
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: visible;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: auto;
  line-height: normal;
  border-collapse: separate;
  user-select: none
}

.player .vp-captions,
.player .vp-stats-debug {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text
}

.player,
.player h1,
.player h2 {
  font-family: "Helvetica Neue", Helvetica, Arial !important;
  font-size: 10px
}

.player,
.player *,
.player ::after,
.player ::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent
}

.player.scrubbing * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important
}

.player:hover .vp-controls.controls-outro {
  opacity: 1
}

.player button {
  cursor: pointer;
  font-size: 1em
}

.player button,
.player input,
.player textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial;
  line-height: normal;
  height: auto;
  vertical-align: baseline
}

.player a:active,
.player button:active,
.player button:not(:focus) {
  outline: 0
}

.player img {
  border: 0
}

.player a {
  text-decoration: none
}

.player .invisible {
  opacity: 0
}

.player .cloaked {
  visibility: hidden
}

.player .rounded-box {
  background: rgba(23, 35, 34, .75);
  border-radius: .5em
}

.player .fill {
  fill: #fff
}

.player .toggle.off .fill {
  fill: #666
}

.player .toggle.off .stroke {
  stroke: #666
}

.player .stroke {
  stroke: #fff;
  fill: none
}

.js-player-fullscreen:-webkit-full-screen .only-in-fullscreen {
  display: block !important
}

.js-player-fullscreen:-moz-full-screen .only-in-fullscreen {
  display: block !important
}

.js-player-fullscreen:-ms-fullscreen .only-in-fullscreen {
  display: block !important
}

.js-player-fullscreen:fullscreen .only-in-fullscreen {
  display: block !important
}

.player .vp-player-layout {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.player .vp-player-inner {
  bottom: 0;
  right: 0
}

.player .vp-target {
  width: 100%;
  height: 100%;
  z-index: 3
}

.player .vp-controls-wrapper,
.player .vp-video-wrapper {
  opacity: 1;
  transition: opacity 125ms ease-out
}

.player.player-cursor-hide {
  cursor: none
}

.player.grabbable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.player.grabbing {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.player .player-alert {
  background: rgba(23, 35, 34, .75);
  text-align: center;
  z-index: 19;
  width: 100%;
  padding: 0 50px;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform .1s linear, opacity .1s;
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.player .player-alert h3 {
  margin: 0;
  color: #fff;
  font-size: 1.2em
}

.player .player-alert.in {
  opacity: 1;
  transition: transform .1s cubic-bezier(0, 1.14, .57, 1.21), opacity .1s;
  transform: translateY(0);
  animation-name: bounce;
  animation-delay: .1s;
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.player .player-alert.leaving {
  animation-fill-mode: none;
  transition: transform .2s linear, opacity .2s linear
}

.player .vp-controls .play .tiny-bars .buffer,
.player .vp-controls .vp-progress .buffer svg {
  animation: buffer 250ms linear infinite
}

.player .player-alert .close {
  position: absolute;
  right: 0;
  background: 0 0;
  margin: 0;
  padding: 0;
  top: 0;
  height: 100%
}

.player .player-alert .close .icon-close {
  width: 1.125em;
  height: 1.125em;
  margin: .9375em
}

.player .player-alert .close:active {
  transform: translateY(1px)
}

.player .player-alert .warning-icon {
  fill: #e53e4f;
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  margin-right: 2px
}

.player .player-alert-button-link {
  padding: 5px 0;
  background: 0 0;
  font-weight: 700
}

.player .player-alert-round {
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px
}

.player .player-alert-round.in {
  visibility: visible;
  opacity: 1
}

.player .player-alert-round.leaving {
  opacity: 0
}

.player .player-alert-round--threesixty {
  transition: opacity .5s ease-in-out
}

.player .player-alert-round--top {
  -ms-flex-align: start;
  align-items: flex-start
}

.player .player-alert-round--top.player-alert-bumpdown {
  top: 45px
}

.player .player-alert-round--mid {
  -ms-flex-align: center;
  align-items: center
}

.player .player-alert-mid-inner {
  color: #fff;
  font-size: 14px;
  z-index: 2;
  background: rgba(23, 35, 34, .75);
  padding: .75em 2em;
  border-radius: 3px
}

.player .compass-wrapper {
  opacity: 0;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 7;
  cursor: pointer;
  transition: opacity .2s ease-in-out, fill .2s ease-in-out;
  position: absolute;
  top: 49%;
  right: 1em
}

.player .compass-wrapper .compass-background {
  fill: rgba(23, 35, 34, .75)
}

.player .compass-wrapper .compass-ring {
  stroke: #fff
}

.player .compass-wrapper .compass-centercircle,
.player .compass-wrapper .compass-dimple,
.player .compass-wrapper .compass-slice {
  fill: #fff
}

.player .compass-wrapper .compass-line {
  stroke: #ccc;
  stroke-width: 1;
  fill: none
}

.player .compass-wrapper.in {
  opacity: 1
}

.player .compass-wrapper.fade {
  opacity: .35
}

.player .compass-wrapper.leaving {
  opacity: 0
}

.player .compass-wrapper:hover {
  opacity: 1 !important
}

.player .compass-wrapper:hover .compass-background {
  fill: rgba(0, 0, 0, .8)
}

.player .compass-wrapper.align-bottom {
  top: auto;
  bottom: 50px
}

.player .intro-wrap {
  background: rgba(23, 35, 34, .75);
  border-radius: 5px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: opacity .2s ease-in-out;
  max-width: 250px
}

.player .intro-wrap.text-only {
  border-radius: 3px;
  font-size: 14px;
  padding: .8571428571em .9285714286em
}

.player .intro-wrap .key-wrapper {
  text-align: center;
  margin-bottom: .5em
}

.player .intro-wrap .key-row {
  text-align: center
}

.player .intro-wrap .key {
  border: 1px solid #fff;
  border-radius: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  margin: .2em;
  position: relative
}

.player .intro-wrap .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.player .intro-wrap .arrow::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  border-color: #fff;
  transition: all .2s ease-in-out;
  position: relative
}

.player .intro-wrap .arrow.arrow-top::before {
  transform: rotate(-45deg);
  top: 2px
}

.player .intro-wrap .arrow.arrow-right::before {
  transform: rotate(45deg);
  left: -2px
}

.player .intro-wrap .arrow.arrow-down::before {
  transform: rotate(135deg);
  top: -2px
}

.player .intro-wrap .arrow.arrow-left::before {
  transform: rotate(-135deg);
  left: 2px
}

.player.no-fullscreen-api-support.no-playbar .vp-captions.with-controls,
.player.no-fullscreen-support.no-playbar .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-webkit-full-screen).no-playbar .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-moz-full-screen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-moz-full-screen).no-playbar .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:-ms-fullscreen).no-playbar .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.no-playbar .vp-captions.with-controls,
.player:not(:fullscreen).no-playbar .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player .vp-captions {
  text-align: center;
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px 10px;
  user-select: text;
  transform: translateY(0);
  transition: transform 250ms ease-out .2s
}

.player .vp-captions.with-controls {
  transform: translateY(-50px);
  transition: transform 150ms ease
}

.player .vp-captions>span {
  display: inline-block;
  background: rgba(23, 35, 34, .75);
  border-radius: 5px;
  padding: .4em .5em .5em;
  margin: 10px 0 0;
  font-weight: 700;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased
}

.player .vp-captions .bar {
  font-style: normal
}

.js-player-fullscreen:-webkit-full-screen .vp-captions {
  padding: 1.5%
}

.js-player-fullscreen:-moz-full-screen .vp-captions {
  padding: 1.5%
}

.js-player-fullscreen:-ms-fullscreen .vp-captions {
  padding: 1.5%
}

.js-player-fullscreen:fullscreen .vp-captions {
  padding: 1.5%
}

.player .focus-dummy {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0
}

.player.no-playbar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end
}

.player.no-playbar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.player.no-playbar .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.player.no-playbar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.player.no-playbar .vp-controls .airplay,
.player.no-playbar .vp-controls .logo,
.player.no-playbar .vp-controls .stereoscopic,
.player.no-playbar .vp-controls .volume,
.player.no-playbar .vp-controls .vp-cast-button,
.player.no-playbar .vp-controls .vp-prefs,
.player.no-playbar .vp-controls .vp-progress {
  display: none
}

.player.mobile.trailer {
  margin-bottom: 0;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.player.mobile.trailer .play {
  font-size: .8em
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play .tiny-bars,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay .tiny-bars {
  display: block
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay {
  z-index: 11
}

.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.player.player-mini .vp-controls .logo {
  overflow: hidden;
  width: 1.5em
}

.player.player-mini .vp-controls .logo svg {
  width: 6.4em;
  height: 2em;
  margin-top: -.2em
}

.player.player-mini .vp-controls .logo path:not(.logo-v) {
  display: none
}

.player.player-mini .vp-controls .logo canvas {
  width: 6.4em;
  height: 1.9em
}

.player .vp-controls.controls-outro .play-bar {
  height: 0;
  padding: 0;
  background: 0 0
}

.player .vp-controls.controls-outro .play-bar>:not(.logo) {
  display: none !important
}

.player .vp-controls.controls-outro .play-bar .logo {
  position: relative;
  right: 10px;
  bottom: 22px
}

.player .vp-controls.controls-outro .play-bar .logo a:not(:hover) {
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: .35
}

.player .vp-controls.controls-centerMenu>:not(.vp-menubar) {
  opacity: 0
}

.player.background-mode {
  pointer-events: none !important
}

.player.background-mode .vp-controls-wrapper {
  display: none !important
}

.player.background-mode video::-webkit-media-controls-start-playback-button {
  display: none
}

.player.with-sticky-custom-logo .vp-controls.hidden {
  display: -ms-flexbox !important;
  display: flex !important
}

.player.with-sticky-custom-logo .vp-controls.hidden .play,
.player.with-sticky-custom-logo .vp-controls.hidden .play-bar {
  visibility: hidden
}

.player .vp-controls {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  height: 0;
  opacity: 1;
  z-index: 11;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end
}

.player .vp-controls>* {
  transition: opacity 250ms ease-out
}

.player .vp-controls .play,
.player .vp-controls .replay {
  color: #fff;
  transition: opacity 250ms ease-out, background-color 40ms, color 40ms
}

.player .vp-controls.invisible>* {
  opacity: 0
}

.player .vp-controls.trailer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 8;
  height: auto !important
}

@media screen and (min-width:960px) {
  .player .vp-controls.trailer {
    font-size: 1.2em
  }
}

.player .vp-controls.trailer .play {
  margin-right: 0;
  margin-bottom: 2em
}

.player .vp-controls.trailer .logo {
  margin: -1.2em 0 0;
  z-index: 2
}

.player .vp-controls.trailer .logo svg {
  width: 5.8em;
  height: 1.8em;
  -webkit-backface-visibility: hidden;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .vp-controls.trailer .custom-logo {
  position: absolute;
  bottom: 0;
  right: 0
}

.player .vp-controls.controls-outro .play.state-paused .pause-icon,
.player .vp-controls.controls-outro .play.state-paused .play-icon {
  display: none
}

.player .vp-controls.controls-outro .play.state-paused .replay-icon {
  display: block
}

.player .vp-controls .play {
  width: 6.5em;
  height: 4em;
  margin-right: .9em;
  position: relative
}

.player .vp-controls .play.state-paused .pause-icon {
  display: none
}

.player .vp-controls .play.state-paused .play-icon {
  display: block
}

.player .vp-controls .play.state-paused .replay-icon {
  display: none
}

.player .vp-controls .play.state-playing .pause-icon {
  display: block
}

.player .vp-controls .play.state-playing .play-icon,
.player .vp-controls .play.state-playing .replay-icon,
.player .vp-controls .play:hover .tiny-bars {
  display: none
}

.player .vp-controls .play.trailer {
  font-weight: 700;
  width: auto;
  padding: 0 1em
}

.player .vp-controls .play.trailer div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.player .vp-controls .play.trailer .play-icon {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.player .vp-controls .play.trailer svg {
  width: 1.4em;
  height: 1.4em
}

.player .vp-controls .play.trailer p {
  font-size: 1.4em;
  margin: 0 0 0 .5714285714em;
  padding: 0
}

.player .vp-controls .play .tiny-bars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  border-radius: .5em;
  background-repeat: none
}

.player .vp-controls .pause-icon,
.player .vp-controls .play-icon {
  margin: 0 auto;
  padding: .2em 0 0 .2em
}

.player .vp-controls .pause-icon svg,
.player .vp-controls .play-icon svg {
  width: 2em;
  height: 2em
}

.player .vp-controls .play-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  height: 3.2em;
  padding: 1em;
  border-radius: 2px
}

.player .vp-controls .play-bar svg {
  display: block
}

.player .vp-controls .play-bar button {
  background: 0 0
}

.player .vp-controls .play-bar button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.player .vp-controls .replay {
  width: 6.5em;
  height: 4em;
  margin-right: .9em;
  position: relative
}

.player .vp-controls .replay-icon {
  margin: 0 auto;
  padding-top: .2em
}

.player .vp-controls .replay-icon svg {
  width: 1.6em;
  height: 1.7em
}

.player .vp-controls .ghost-timecode,
.player .vp-controls .timecode {
  position: absolute;
  left: 0;
  bottom: 1.4em;
  margin: -2em 0 0 -1.2em
}

.player .vp-controls .ghost-timecode .box,
.player .vp-controls .timecode .box {
  padding: .2em .4em;
  font: 1em Verdana, sans-serif;
  position: relative;
  left: -50%
}

.player .vp-controls .ghost-timecode .box::after,
.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::after,
.player .vp-controls .timecode .box::before {
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid #fff;
  bottom: -.3em;
  content: "";
  left: 50%;
  margin-left: -.3em;
  position: absolute
}

.player .vp-controls .ghost-timecode .box::before,
.player .vp-controls .timecode .box::before {
  border-top-color: rgba(0, 0, 0, .7);
  margin-left: -.2em;
  bottom: -.4em
}

.player .vp-controls .thumb-preview {
  transition: opacity 250ms ease-out;
  position: absolute;
  display: inline-block;
  bottom: 3.3em;
  border-radius: .2em;
  padding: .4em;
  transform: translateX(-50%);
  background: rgba(23, 35, 34, .75)
}

.player .vp-controls .thumb-preview::after {
  content: "";
  width: 100%;
  height: .3em;
  position: absolute;
  display: block;
  bottom: -.3em
}

.player .vp-controls .thumb-preview .thumb {
  position: relative
}

.player .vp-controls .timecode .box {
  box-shadow: .1em .1em 0 rgba(0, 0, 0, .7);
  background: #fff;
  color: #000;
  display: inline-block;
  margin-left: 2.3em;
  cursor: -webkit-grab;
  cursor: grab
}

.player .vp-controls .ghost-timecode {
  margin-left: 0;
  transition: opacity 250ms ease-out
}

.player .vp-controls .ghost-timecode .box {
  background: rgba(23, 35, 34, .75);
  color: #fff
}

.player .vp-controls .ghost-timecode .box::before {
  display: none
}

.player .vp-controls .ghost-timecode .box::after {
  border-top-color: rgba(23, 35, 34, .75)
}

.player .vp-controls .vp-progress {
  -ms-flex: 1;
  flex: 1;
  border: .1em solid #666;
  cursor: pointer;
  position: relative
}

.player .vp-controls .vp-progress .buffer,
.player .vp-controls .vp-progress .buffer canvas,
.player .vp-controls .vp-progress .buffer svg,
.player .vp-controls .vp-progress .cuepoints,
.player .vp-controls .vp-progress .loaded,
.player .vp-controls .vp-progress .played {
  position: absolute;
  border: .1em solid transparent;
  height: 100%;
  background-clip: padding-box !important
}

.player .vp-controls .vp-progress.disabled {
  cursor: default
}

.player .vp-controls .vp-progress.disabled .played {
  background-color: #4e5a5e
}

.player .vp-controls .vp-progress .loaded {
  background-color: #666;
  transition: width 175ms cubic-bezier(.18, 0, .07, 1)
}

.player .vp-controls .vp-progress .loaded.short-video {
  transition-duration: .3s
}

.player .vp-controls .vp-progress .buffer {
  width: 100%;
  overflow: hidden;
  border-top: 0;
  border-bottom: 0
}

.player .vp-controls .vp-progress .cuepoints {
  width: 100%
}

.player .vp-controls .vp-progress .cuepoint {
  height: 100%;
  margin: 0;
  padding: 0 2px;
  position: absolute;
  top: 0;
  transition: transform 150ms ease-in-out, opacity 150ms ease-out;
  opacity: .5;
  transform: translateX(-50%) scale(1)
}

.player .vp-controls .vp-progress .cuepoint.active {
  opacity: 1;
  transform: translateX(-50%) scale(1.5)
}

.player .vp-controls .vp-progress .cuepoint.out {
  transform: translateX(-50%) scale(.75)
}

.player .vp-controls .vp-progress .cuepoint>div {
  background-color: #fff;
  height: 100%;
  width: 2px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
  .player .vp-controls .vp-progress .cuepoint>div {
    width: 1.5px
  }
}

.player .vp-controls .volume {
  width: 2.4em;
  height: 100%;
  margin-left: 1.1em;
  position: relative;
  cursor: pointer
}

.player .vp-controls .volume>div {
  width: .3em;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0
}

.player .vp-controls .pip .pip-icon .return,
.player .vp-controls .pip.return .pip-icon .enter,
.player .vp-controls .vp-prefs .icon-gear-text {
  display: none
}

.player .vp-controls .volume>div.animate {
  transition: height 250ms ease-in
}

.player .vp-controls .volume>div.fill0 {
  background-color: #666
}

.player .vp-controls .volume>div.fill1 {
  box-shadow: inset -.2em 0 0 #666
}

.player .vp-controls .volume>div.fill2 {
  box-shadow: inset -.1em 0 0 #666
}

.player .vp-controls .volume>div:nth-child(1) {
  height: .42em;
  left: 0
}

.player .vp-controls .volume>div:nth-child(1).hover,
.player .vp-controls .volume>div:nth-child(1):hover {
  height: .72em
}

.player .vp-controls .volume>div:nth-child(2) {
  height: .615em;
  left: .5em
}

.player .vp-controls .volume>div:nth-child(2).hover,
.player .vp-controls .volume>div:nth-child(2):hover {
  height: .915em
}

.player .vp-controls .volume>div:nth-child(3) {
  height: .81em;
  left: 1em
}

.player .vp-controls .volume>div:nth-child(3).hover,
.player .vp-controls .volume>div:nth-child(3):hover {
  height: 1.11em
}

.player .vp-controls .volume>div:nth-child(4) {
  height: 1.005em;
  left: 1.5em
}

.player .vp-controls .volume>div:nth-child(4).hover,
.player .vp-controls .volume>div:nth-child(4):hover {
  height: 1.305em
}

.player .vp-controls .volume>div:nth-child(5) {
  height: 1.2em;
  left: 2em
}

.player .vp-controls .volume>div:nth-child(5).hover,
.player .vp-controls .volume>div:nth-child(5):hover {
  height: 1.5em
}

.player .vp-controls .cc {
  width: 2em;
  height: 1.4em;
  margin-left: 1em;
  margin-top: -.1em
}

.player .vp-controls .vp-cast-button {
  cursor: pointer;
  width: 2em;
  height: 2em;
  margin-top: -.4em;
  margin-left: 1em
}

.player .vp-controls .vp-prefs {
  width: 1.9em;
  height: 1.8em;
  margin-top: -.3em;
  margin-left: 1.1em;
  margin-right: -.1em
}

.player .vp-controls .vp-prefs .icon-gear-cog {
  transform-origin: 50% 50%;
  transition: transform 450ms cubic-bezier(.08, .82, .17, 1)
}

.player .vp-controls .vp-prefs[aria-expanded=true] .icon-gear-cog {
  transform: rotate(30deg)
}

.player .vp-controls .airplay,
.player .vp-controls .stereoscopic {
  width: 1.5em;
  height: 100%;
  margin-left: 1em
}

.player .vp-controls .pip {
  width: 1.6em;
  height: 100%;
  margin-left: 1em
}

.player .vp-controls .custom-logo a,
.player .vp-controls .pip.return .pip-icon .return {
  display: block
}

.player .vp-controls .fullscreen {
  width: 1.2em;
  height: 100%;
  margin-left: 1em
}

.player .vp-controls .fullscreen .fullscreen-icon,
.player .vp-controls .fullscreen .unfullscreen-icon {
  height: 100%
}

.player .vp-controls .logo {
  width: 5.8em;
  height: 1.8em;
  margin: -.5em .2em 0 .8em
}

.player .vp-controls .custom-logo {
  margin-left: 1em;
  max-height: 60px
}

.player .vp-controls .custom-logo.sticky {
  opacity: 1 !important;
  visibility: visible !important
}

.player .vp-controls .custom-logo img {
  max-height: 60px;
  max-width: 100px
}

.player .vp-controls .fill {
  transition: fill 40ms
}

.player .unfullscreen-icon {
  display: none
}

.player.no-fullscreen-support .fullscreen {
  display: none !important
}

@media screen and (min-width:1061px) and (min-width:961px) {
  .js-player-fullscreen:-webkit-full-screen .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:-moz-full-screen .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:-ms-fullscreen .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:fullscreen .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }
}

@media screen and (min-width:1061px) {
  .js-player-fullscreen:-webkit-full-screen .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
  }

  .js-player-fullscreen:-moz-full-screen .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
  }

  .js-player-fullscreen:-ms-fullscreen .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
  }

  .js-player-fullscreen:fullscreen .custom-logo {
    position: fixed;
    bottom: 1em;
    right: 1em
  }
}

@media (min-width:961px) {

  .js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .vp-controls,
  .js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:-moz-full-screen .player:not(.with-custom-logo) .vp-controls,
  .js-player-fullscreen:-moz-full-screen:not(.with-custom-logo) .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .vp-controls,
  .js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }

  .js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .vp-controls,
  .js-player-fullscreen:fullscreen:not(.with-custom-logo) .vp-controls {
    width: 100%;
    margin: auto;
    max-width: 1024px
  }
}

.js-player-fullscreen:-webkit-full-screen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-webkit-full-screen:not(.with-custom-logo) .custom-logo {
  position: fixed;
  bottom: 1em;
  right: 1em
}

.js-player-fullscreen:-moz-full-screen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-moz-full-screen:not(.with-custom-logo) .custom-logo {
  position: fixed;
  bottom: 1em;
  right: 1em
}

.js-player-fullscreen:-ms-fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:-ms-fullscreen:not(.with-custom-logo) .custom-logo {
  position: fixed;
  bottom: 1em;
  right: 1em
}

.js-player-fullscreen:fullscreen .player:not(.with-custom-logo) .custom-logo,
.js-player-fullscreen:fullscreen:not(.with-custom-logo) .custom-logo {
  position: fixed;
  bottom: 1em;
  right: 1em
}

.player .vp-menu,
.player .vp-menubar {
  right: 0;
  bottom: 3.2em;
  position: absolute
}

.js-player-fullscreen:-webkit-full-screen .play-bar>button:hover {
  background: 0 0 !important
}

.js-player-fullscreen:-moz-full-screen .play-bar>button:hover {
  background: 0 0 !important
}

.js-player-fullscreen:-ms-fullscreen .play-bar>button:hover {
  background: 0 0 !important
}

.js-player-fullscreen:fullscreen .play-bar>button:hover {
  background: 0 0 !important
}

.js-player-fullscreen:-webkit-full-screen .fullscreen-icon {
  display: none
}

.js-player-fullscreen:-moz-full-screen .fullscreen-icon {
  display: none
}

.js-player-fullscreen:-ms-fullscreen .fullscreen-icon {
  display: none
}

.js-player-fullscreen:fullscreen .fullscreen-icon {
  display: none
}

.js-player-fullscreen:-webkit-full-screen .unfullscreen-icon {
  display: block
}

.js-player-fullscreen:-moz-full-screen .unfullscreen-icon {
  display: block
}

.js-player-fullscreen:-ms-fullscreen .unfullscreen-icon {
  display: block
}

.js-player-fullscreen:fullscreen .unfullscreen-icon {
  display: block
}

.player[data-filter] .thumb::after,
.player[data-filter] .vp-preview::after,
.player[data-filter] .vp-video::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 1;
  background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, transparent, transparent)
}

.player[data-filter=aden] .thumb,
.player[data-filter=aden] .vp-preview,
.player[data-filter=aden] .vp-video {
  filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(-20deg) saturate(.85) sepia(0)
}

.player[data-filter=aden] .thumb::after,
.player[data-filter=aden] .vp-preview::after,
.player[data-filter=aden] .vp-video::after {
  background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent), radial-gradient(circle, transparent, transparent);
  mix-blend-mode: darken
}

.player[data-filter=earlybird] .thumb,
.player[data-filter=earlybird] .vp-preview,
.player[data-filter=earlybird] .vp-video {
  filter: brightness(1) contrast(.9) grayscale(0) hue-rotate(0) saturate(1) sepia(.2)
}

.player[data-filter=earlybird] .thumb::after,
.player[data-filter=earlybird] .vp-preview::after,
.player[data-filter=earlybird] .vp-video::after {
  background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
  mix-blend-mode: overlay
}

.player[data-filter=hudson] .thumb,
.player[data-filter=hudson] .vp-preview,
.player[data-filter=hudson] .vp-video {
  filter: brightness(1.2) contrast(.9) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=hudson] .thumb::after,
.player[data-filter=hudson] .vp-preview::after,
.player[data-filter=hudson] .vp-video::after {
  background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #a6b1ff 50%, #342134);
  mix-blend-mode: multiply;
  opacity: .5
}

.player[data-filter=inkwell] .thumb,
.player[data-filter=inkwell] .vp-preview,
.player[data-filter=inkwell] .vp-video {
  filter: brightness(1.1) contrast(1.1) grayscale(1) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=inkwell] .thumb::after,
.player[data-filter=inkwell] .vp-preview::after,
.player[data-filter=inkwell] .vp-video::after {
  opacity: 0
}

.player[data-filter=mayfair] .thumb,
.player[data-filter=mayfair] .vp-preview,
.player[data-filter=mayfair] .vp-video {
  filter: brightness(1) contrast(1.1) grayscale(0) hue-rotate(0) saturate(1.1) sepia(0)
}

.player[data-filter=mayfair] .thumb::after,
.player[data-filter=mayfair] .vp-preview::after,
.player[data-filter=mayfair] .vp-video::after {
  background: linear-gradient(to right, transparent, transparent), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
  mix-blend-mode: overlay;
  opacity: .4
}

.player[data-filter=toaster] .thumb,
.player[data-filter=toaster] .vp-preview,
.player[data-filter=toaster] .vp-video {
  filter: brightness(.9) contrast(1.5) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=toaster] .thumb::after,
.player[data-filter=toaster] .vp-preview::after,
.player[data-filter=toaster] .vp-video::after {
  background: linear-gradient(to right, transparent, transparent), radial-gradient(circle, #804e0f, #3b003b);
  mix-blend-mode: screen
}

.player[data-filter=ascii] .thumb {
  filter: brightness(1) contrast(2) grayscale(0) hue-rotate(0) saturate(1) sepia(0)
}

.player[data-filter=ascii] .thumb::after {
  background-color: #0f0;
  mix-blend-mode: darken
}

.player[data-filter=ascii] .vp-captions {
  transition: none
}

.player[data-filter=ascii] .vp-captions>span {
  font-family: monospace;
  color: #0f0;
  border-radius: 0;
  background: #000;
  padding: 0 .5em
}

.player .vp-menubar {
  left: 0;
  height: 0;
  z-index: 11
}

.player .vp-menu {
  margin-bottom: .5em;
  border-radius: 3px;
  transition: opacity 150ms ease-out, transform 150ms ease-out;
  transform: translateY(0);
  opacity: 1
}

.player .vp-menu-hidden {
  visibility: hidden;
  transform: translateY(5px)
}

.player .vp-menu-invisible {
  opacity: 0
}

.player .vp-menu-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.player .vp-menu-carousel {
  font-size: 1.1111111111em
}

.player .vp-menu-center {
  margin-bottom: 0
}

.player .vp-menu-close {
  display: none
}

.player .vp-menu-center .vp-menu-close {
  display: block;
  fill: #fff;
  background-color: transparent;
  position: absolute;
  right: -30px;
  top: 3px;
  height: 15px;
  width: 15px
}

.player .vp-panel {
  position: relative;
  overflow: hidden;
  min-width: 10.5em;
  background-color: rgba(23, 35, 34, .75)
}

.player .vp-panel:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.player .vp-panel:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.player .vp-panel-collapsible {
  min-width: 12.5em;
  height: 2.4em;
  transition: height .2s ease-in-out
}

.player .vp-panel-collapsible:last-child {
  padding-bottom: .5em
}

.player .vp-menu-carousel .vp-panel {
  min-width: 360px;
  height: 75px;
  margin-bottom: 1px;
  border-radius: 3px
}

.player .vp-indicator {
  content: "";
  background-color: #00adef;
  transition: background-color .5s ease, border-color .5s ease;
  display: inline-block;
  width: .6em;
  height: .6em;
  border-radius: 50%;
  border: 1px solid #00adef;
  vertical-align: baseline;
  margin-right: 0;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -.3em;
  visibility: hidden
}

.player .vp-indicator-inactive {
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9
}

.player .vp-indicator-visible {
  visibility: visible
}

.player .vp-panel-title {
  display: none;
  margin: 0;
  line-height: 1.4
}

.player .vp-panel-collapsible .vp-panel-title,
.player .vp-panel-pinTitle .vp-panel-title {
  display: block
}

.player .vp-panel:last-child .vp-panel-title {
  padding-top: 0
}

.player .vp-panel:first-of-type .vp-panel-title {
  padding-top: .5em
}

.player .vp-menu-carousel .vp-panel .vp-panel-title {
  padding-top: .3em
}

.player .vp-panel-button {
  background: 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 1em);
  margin: 0 .5em;
  padding: 0 .5em;
  font-size: 1.2em;
  line-height: 1.6;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  text-align: left
}

.player .vp-menu-carousel .vp-panel-button {
  margin: 0 .25em
}

.player .vp-panel-pinTitle .vp-panel-button {
  cursor: auto
}

.player .vp-panel-collapsible .vp-panel-button {
  cursor: pointer
}

.player .vp-panel-stat {
  display: none;
  margin-left: .5em;
  font-size: .8333333333em;
  font-weight: 400
}

.player .vp-panel--quality .vp-panel-stat,
.player .vp-panel-collapsible .vp-panel-stat {
  display: block
}

.player .vp-panel-stat svg.icon-lineArrow {
  display: none;
  margin-left: .2em;
  width: .7em;
  height: .6em;
  fill: #fff;
  transition: transform ease 150ms
}

.player .vp-panel-collapsible .vp-panel-stat svg.icon-lineArrow {
  display: inline-block
}

.player .vp-panel-open .vp-panel-stat svg.icon-lineArrow {
  transform: scaleY(-1)
}

.player .vp-panel-stat .vp-panel-stat-text svg {
  display: none
}

.player .vp-panel-items {
  margin: 0;
  padding: .7em 0 .6em;
  list-style: none
}

.player .vp-panel-pinTitle .vp-panel-items {
  padding-top: 0
}

.player .vp-panel-collapsible .vp-panel-items {
  padding-top: .2em;
  padding-bottom: .2em
}

.player .vp-panel:last-child .vp-panel-items {
  border-radius: 3px
}

.player li.vp-panel-item {
  padding: 0 .5em;
  margin: 0 .5em;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.5em;
  cursor: pointer;
  white-space: nowrap
}

.player li.vp-panel-item::before {
  content: "";
  display: inline-block;
  vertical-align: 2%;
  margin-right: .2em;
  width: .7em;
  height: .7em;
  border-radius: 50%;
  border: 1px solid #666
}

.player .vp-panel-collapsible .vp-panel-item {
  transition: opacity .2s ease-out, transform .2s ease-out;
  transition-delay: 0s;
  transform: translateX(-5px);
  opacity: 0
}

.player .vp-panel-collapsible .vp-panel-item-in {
  transform: translateX(0);
  opacity: 1
}

.player .vp-panel .vp-panel-item svg {
  display: none
}

.player .vp-menu-carousel .vp-panel-itemsWrap {
  height: 40px;
  -webkit-mask-image: -webkit-linear-gradient(left, transparent, transparent 0, #fff 30%, #fff 70%, transparent 100%)
}

.player .vp-menu-carousel .vp-panel-items {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 37%;
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player .vp-menu-carousel li.vp-panel-item {
  padding: 1px 0 0;
  margin: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  height: 40px;
  position: relative;
  font-size: 1.3533834586em;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  color: #fff !important
}

.player .vp-menu-carousel li.vp-panel-item::before {
  visibility: hidden;
  vertical-align: baseline;
  margin-right: 0;
  position: absolute;
  margin-left: -.3em
}

.player .notification-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 14;
  display: table;
  text-align: center
}

.player .notification-wrapper.animate {
  transition: opacity .3s ease-out
}

.player .notification-wrapper svg {
  width: 100%;
  height: 100%
}

.player .notification-wrapper .watch-later-icon .stroke {
  stroke-width: 1.65
}

.player .notification-wrapper .watch-later-icon .hour-hand {
  transform-origin: 46% 81.5%;
  transform-box: fill-box
}

.player .notification-wrapper .watch-later-icon .minute-hand {
  transform-origin: 25.5% 26.5%;
  transform-box: fill-box
}

.player .notification-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.player .notification {
  z-index: 18;
  margin: 0 auto;
  -webkit-backface-visibility: hidden;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.player .notification.animate .hour-hand,
.player .notification.animate .minute-hand {
  transition: transform .9s linear .1s
}

.player .vp-stats-debug {
  position: absolute;
  z-index: 20;
  width: 300px;
  padding: 10px;
  margin: 10px 0 0 10px;
  user-select: text;
  font-size: 1.2em;
  line-height: 1
}

.player .vp-stats-debug.overflow {
  overflow: scroll;
  max-height: 100%
}

.player .vp-stats-debug p {
  margin: .1em 0
}

.player .vp-stats-debug p:first-child {
  margin-top: 0
}

.player .vp-stats-debug-label {
  margin-right: 3px
}

.player .vp-stats-debug-value {
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  position: relative
}

.player .vp-stats-debug-bandwidth-minmax {
  font-size: .8em;
  display: block;
  font-weight: 400;
  margin-top: 2px
}

.player .vp-stats-debug-bandwidth-max,
.player .vp-stats-debug-bandwidth-min {
  padding-left: 10px
}

.player .vp-stats-debug-bandwidth-max::before,
.player .vp-stats-debug-bandwidth-min::before {
  display: block;
  position: absolute;
  left: 2px;
  font-size: .8em;
  top: 3px
}

.player .vp-stats-debug-bandwidth-min::before {
  content: "▼"
}

.player .vp-stats-debug-bandwidth-max::before {
  content: "▲"
}

.player .vp-copy-session {
  background: #00adef;
  color: #fff !important;
  padding: 3px;
  border-radius: 3px;
  margin-top: 5px;
  display: inline-block
}

.player .vp-copy-session:hover {
  color: #fff
}

.player .vp-stats-debug-code {
  position: absolute;
  left: -999px
}

.player .vp-stats-debug-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: 0 0
}

.player .vp-stats-debug-close svg {
  width: 1.2em;
  height: 1.2em
}

.player .vp-stats-debug-buffer-occupancy,
.player .vp-stats-debug-time-series {
  margin-top: 6px
}

.player .stats-debug-marker:hover {
  cursor: pointer;
  stroke-width: 3
}

.player .vp-stats-debug-session-id {
  font-size: .8em;
  font-weight: 400
}

.player .panel-nav {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.player .vp-nav-prevButton {
  position: absolute;
  left: 0;
  transform: translateX(1.5em);
  transition: transform .2s, opacity .2s;
  opacity: 0;
  background: 0 0;
  font-size: 16px
}

.player .vp-nav-prevButton .icon-prev {
  height: 1.5em;
  width: auto;
  margin: 1.25em
}

.player .embed-active .vp-nav-prevButton {
  opacity: .7;
  transform: translateX(0)
}

.player .embed-active .vp-nav-prevButton:hover {
  opacity: 1
}

.player .vp-nav-closeButton {
  position: absolute;
  right: 0;
  opacity: .8
}

.player .vp-nav-closeButton:hover {
  opacity: 1
}

.player .vp-nav-closeButton .icon-close-new {
  width: 1.25em;
  height: 1.25em;
  margin: 1.375em
}

.player .vp-share-wrapper {
  position: relative;
  display: inline-block;
  min-width: 30em;
  max-width: 80%;
  text-align: center
}

.player .vp-share-screen {
  transition: .2s
}

.player .vp-share-title {
  color: #fff;
  margin: 0 auto .6em !important;
  line-height: 1;
  font-size: 1.8em !important
}

.player .vp-share-buttons {
  color: #fff;
  display: inline-block;
  margin: 1em .5em 0;
  padding: 0;
  list-style: none
}

.player .vp-share-buttons-item {
  display: inline-block;
  width: 41px !important;
  height: 40px !important;
  border-right: 1px solid rgba(0, 0, 0, .16) !important
}

.player .vp-share-buttons-item:first-child,
.player .vp-share-buttons-item:first-child a.vp-share-button {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important
}

.player .vp-share-buttons-item:last-child,
.player .vp-share-buttons-item:last-child a.vp-share-button {
  width: 40px !important;
  border-right: none !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important
}

.player a.vp-share-button {
  display: inline-block;
  padding: .8em 0 .6em !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  font-size: 1.2em !important;
  line-height: 1;
  color: #fff;
  border-radius: 0 !important
}

.player a.vp-share-button:active,
.player a.vp-share-button:hover {
  background-color: rgba(0, 0, 0, .15)
}

.player .vp-share-button .embed-icon,
.player .vp-share-button svg {
  width: 1.9375em;
  height: 1.8125em
}

.player .vp-share-footnote {
  margin-top: 1.5em !important;
  font-size: 1.4em !important;
  line-height: 1;
  font-weight: 400
}

.player .vp-share-footnote a,
.player .vp-share-footnote button {
  margin: 0 .25em
}

.player .vp-share-footnote a.clip-url {
  position: relative;
  top: .1em
}

.player .vp-share-footnote small a {
  margin: 0
}

.player .vp-share-footnote--share a {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  color: #fff
}

.player .vp-share-embedCode {
  overflow: hidden;
  margin: 1.5em auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 85%
}

.player .vp-share-embedCode>div {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.player input:not([type=submit]).vp-share-embedInput {
  margin: 0;
  padding: .75em !important;
  width: 100% !important;
  font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace;
  font-size: 1.4em;
  color: #4e595d;
  font-weight: 400;
  cursor: text;
  border-radius: 5px !important
}

.player .vp-share-embedCopy {
  padding: .75em !important;
  margin: 0 0 0 10px !important;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.4em !important;
  font-weight: 700;
  border-radius: 5px;
  color: #fff
}

.player .vp-share-embedWrapper {
  width: 100%;
  max-width: 80vw;
  min-width: 300px;
  margin: 0 auto
}

.player .vp-share-screen--share {
  width: 100%
}

.player .vp-share-screen--embed {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 150%;
  transform: translateX(125%)
}

.player .vp-share-subtitle--embed {
  font-size: 1.4em !important;
  margin: 1.2em 1em 1.5em;
  color: #fff !important
}

@media (max-height:175px) {
  .player .vp-share-subtitle--embed {
    display: none
  }
}

.player .vp-share-footnote--embed {
  font-weight: 400;
  color: #fff !important
}

.player .vp-share-footnote--embed a {
  font-weight: 700;
  margin: 0;
  color: #fff
}

.player .vp-share-embed-active .vp-share-screen--share,
.player .vp-share-embed-only .vp-share-screen--share {
  transform: translateX(-125%);
  opacity: 0
}

.player .vp-share-embed-active .vp-share-screen--embed,
.player .vp-share-embed-only .vp-share-screen--embed {
  transform: translateX(-17%);
  opacity: 1
}

.player.player-cardsCarousel .vp-overlay-wrapper {
  bottom: -60px
}

.player.player-cardsCarousel .vp-overlay-bg {
  bottom: 60px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .6), #000)
}

.player .vp-outro-shade,
.player .vp-overlay-bg {
  background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516)
}

.player.player-outroVisible .vp-email-capture-form-button--cancel {
  display: none !important
}

.player.player-outroVisible .vp-email-capture-form-button--reset {
  display: block !important
}

@media (min-width:415px) {
  .player .vp-email-capture-wrapper {
    max-width: 600px;
    padding: 0 4em;
    display: inline-block
  }
}

.player .vp-email-capture {
  transition: opacity .2s ease-out;
  text-align: center
}

.player .vp-email-capture-logoWrap {
  display: none;
  height: 20px;
  position: relative;
  overflow: visible;
  margin-bottom: 15px
}

@media (min-height:300px) {
  .player .vp-email-capture-logoWrap {
    display: block
  }
}

.player .vp-email-capture-logo {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.player .vp-email-capture-title {
  display: none;
  margin-bottom: 20px !important;
  font-size: 1.8em !important;
  color: #fff
}

@media (min-height:200px) {
  .player .vp-email-capture-title {
    display: block
  }
}

.player .vp-email-capture-subtitle {
  display: none;
  margin-top: 8px !important;
  font-size: 1.4em !important;
  color: #fff !important
}

@media (min-width:415px) {
  .player .vp-email-capture-subtitle {
    display: block
  }
}

.player .vp-email-capture-form {
  position: relative
}

.player .vp-email-capture-invisible {
  opacity: 0
}

.player .vp-email-capture-form-submitted input:invalid,
.player .vp-email-capture-form-submitted input[aria-invalid=true] {
  border: 3px solid #fdb0bf;
  background-color: #fedfef;
  color: #e53e4f;
  padding: .4375em
}

.player .vp-email-capture-form-submitted input:focus:invalid {
  outline-color: rgba(255, 0, 0, .75)
}

.player .vp-email-capture-form-button,
.player .vp-email-capture-form-input {
  padding: .82em 1em !important;
  border-radius: 3px !important
}

.player .vp-email-capture-form-input {
  display: block !important;
  margin: .5em !important;
  padding: .7em 1em !important;
  width: calc(100% - 14px) !important;
  font-size: 1.4em !important;
  font-weight: 400 !important;
  color: #444 !important
}

@media (min-width:415px) {
  .player .vp-email-capture-form-input {
    margin: .5em auto !important;
    padding: .82em 1em !important;
    width: 330px !important
  }

  .player .vp-email-capture-form-buttons {
    height: auto
  }
}

.player .vp-email-capture-form-input--email {
  margin-top: 0 !important
}

.player .vp-email-capture-form-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.player .vp-email-capture-confirm-hidden,
.player .vp-email-capture-form-button--reset {
  display: none !important
}

.player .vp-email-capture-form-button {
  margin: 0 .5em !important;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  font-size: 1.4em !important;
  font-weight: 700;
  cursor: pointer
}

.player .vp-email-capture-form-button--cancel,
.player .vp-email-capture-form-button--reset {
  margin-right: 0 !important;
  background-color: #e0e3e4;
  color: #657987 !important
}

@media (min-width:415px) {
  .player .vp-email-capture-form-button {
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    margin: 0 !important
  }

  .player .vp-email-capture-form-button--cancel,
  .player .vp-email-capture-form-button--reset {
    margin-right: .5em !important;
    background-color: rgba(255, 255, 255, .3);
    color: #fff !important
  }
}

.player .vp-email-capture-form-button--cancel:hover,
.player .vp-email-capture-form-button--reset:hover {
  background-color: rgba(255, 255, 255, .5)
}

.player .vp-email-capture-confirm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform 250ms ease-in-out, opacity .2s ease-out;
  transform: translateY(50%);
  opacity: 0
}

.player .vp-email-capture-confirm.in {
  transform: translateY(0);
  opacity: 1
}

.player .vp-email-capture-confirm h1 {
  margin-top: .5em
}

.player .vp-email-capture-confirm-box {
  padding: 2em 4em;
  max-width: 250px;
  background-color: rgba(23, 35, 34, .75);
  border-radius: 3px
}

.player .vp-email-capture-confirm-title {
  font-size: 14px !important;
  line-height: 17px
}

.player .vp-submitted input:invalid,
.player .vp-submitted input[aria-invalid=true] {
  border: 3px solid #fdb0bf;
  background-color: #fedfef;
  color: #e53e4f;
  padding: .4375em
}

.player .vp-submitted input:focus:invalid {
  outline-color: rgba(255, 0, 0, .75)
}

.player .vp-validation-bubble {
  z-index: 2147483647;
  display: inline-block;
  position: absolute;
  margin: 0;
  font-size: 1.1666666667em;
  line-height: 0;
  text-align: left;
  opacity: 0;
  transition: opacity .25s;
  cursor: default
}

.player .vp-validation-bubble-animate {
  opacity: 1;
  animation: wiggle .3s linear 1
}

.player .vp-validation-bubble-message {
  z-index: 2147483644;
  display: block;
  min-width: 50px;
  max-width: 300px;
  padding: .7142857143em 1.0714285714em;
  position: relative;
  top: -4px;
  border-radius: .3571428571em;
  background-color: #fc465a;
  color: #fff;
  line-height: normal;
  font-weight: 700
}

.player .vp-validation-bubble-arrow {
  z-index: 2147483645;
  display: inline-block;
  position: relative;
  left: 1.4285714286em;
  width: .8571428571em;
  height: .8571428571em;
  background-color: #fc465a;
  transform: rotate(45deg);
  transform-origin: 0 0
}

.player .vp-outro,
.player .vp-outro-bg,
.player .vp-outro-content,
.player .vp-outro-shade,
.player .vp-outro-wrapper {
  position: absolute;
  width: 100%;
  height: 100%
}

.player .vp-outro-bg,
.player .vp-outro-image {
  background-color: #1a2e3b;
  background-position: center center;
  background-size: cover
}

.player .vp-validation-bubble-arrowClipper {
  display: block;
  overflow: hidden;
  height: .8571428571em
}

.player .vp-outro-wrapper {
  top: 0;
  left: 0;
  z-index: 7
}

.player .vp-outro-wrapper.in .vp-outro-bg,
.player .vp-outro-wrapper.in .vp-outro-image,
.player .vp-outro-wrapper.in .vp-outro-shade {
  opacity: 1
}

.player .vp-outro-wrapper.in .vp-outro-imageLink .vp-outro-image:hover {
  transform: scale(1.1)
}

.player .vp-outro-wrapper.in .vp-outro-linkWrapper {
  opacity: 1;
  transform: translate(0, 0)
}

.player .vp-outro {
  top: 0;
  left: 0
}

.player .vp-outro-bg {
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 250ms
}

.player .vp-outro-content {
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:299px),
(max-height:168px) {

  .player .vp-outro-content--share,
  .player .vp-outro-content--staticImage,
  .player .vp-outro-content--text,
  .player .vp-outro-content--vod {
    display: none !important
  }
}

@media screen and (max-width:299px),
screen and (max-height:168px) {

  .player .vp-outro-content--email,
  .player .vp-outro-content--link,
  .player .vp-outro-content--videos {
    display: none !important
  }
}

@media screen and (max-width:337px),
screen and (max-height:189px) {

  .player.with-custom-logo .vp-outro-content--email,
  .player.with-custom-logo .vp-outro-content--link,
  .player.with-custom-logo .vp-outro-content--videos {
    display: none !important
  }
}

@media screen and (min-width:300px) and (max-width:375px) {
  .player .vp-outro-content--videos .vp-outro-videos--3 li:last-child {
    display: none
  }
}

.player .vp-outro-content--link {
  -ms-flex-direction: column;
  flex-direction: column
}

.player .vp-outro-shade {
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 250ms
}

.player .vp-outro-staticImageWrapper {
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.player .vp-outro-staticImage {
  max-width: 65%
}

.player .vp-outro-image,
.player .vp-outro-imageLink {
  display: block;
  width: 100%;
  height: 100%
}

.player .vp-outro-image {
  opacity: 0;
  transform: scale(1);
  transition: opacity 450ms, transform 250ms
}

.player .vp-outro-linkWrapper {
  width: 70%;
  max-width: 50em;
  overflow: hidden;
  margin: 0;
  position: relative;
  text-align: center;
  opacity: 0;
  transform: translate(0, -20px);
  transition: opacity 250ms 150ms, transform 250ms 150ms
}

.player .vp-outro-textTitle {
  font-size: 18px;
  display: none;
  margin: 0 0 .4em;
  color: #fff
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
  .player .vp-outro-textTitle {
    font-size: 5.5813953488vh
  }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
  .player .vp-outro-textTitle {
    font-size: 2.5vw
  }
}

@media (min-width:960px) and (min-height:430px) {
  .player .vp-outro-textTitle {
    font-size: 24px
  }
}

.player .vp-outro-textDescription {
  display: none;
  margin: 0 0 .8em;
  font-size: 1.4em;
  line-height: 1.4;
  color: #fff
}

.player .vp-outro-button,
.player .vp-outro-link {
  display: inline-block;
  color: #fff;
  font-size: 1.4em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%
}

.player .vp-outro-link {
  text-decoration: underline
}

.player .vp-outro-buttonWrap {
  margin-bottom: 2.2em
}

.player .vp-outro-button {
  position: relative;
  display: inline-block;
  padding: .875em 1.4375em;
  font-weight: 600;
  border-radius: 3px;
  color: #fff
}

.player .vp-outro-button:active,
.player .vp-outro-button:hover {
  color: #fff
}

.player .vp-outro-button:active::before,
.player .vp-outro-button:hover::before {
  background-color: rgba(0, 0, 0, .15)
}

.player .vp-outro-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.player .vp-outro--link-large .vp-outro-textDescription,
.player .vp-outro--link-medium .vp-outro-textTitle {
  display: block
}

.player .vp-outro--link-medium .vp-outro-buttonWrap {
  margin-top: 2.2em
}

.player .vp-outro-videosSection {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0;
  -ms-flex: 1;
  flex: 1
}

.player .vp-outro-videosSection:first-child {
  z-index: 2;
  margin-left: 57px
}

.player .vp-outro-videosSection:last-child {
  margin-right: 57px
}

@media (min-width:401px) {
  .player .vp-outro-videosSection:first-child {
    margin-left: 14%
  }

  .player .vp-outro-videosSection:last-child {
    margin-right: 14%
  }
}

.player .vp-outro-videosSection:focus,
.player .vp-outro-videosSection:hover {
  z-index: 10
}

.player .vp-outro-videosSection--2 {
  -ms-flex: 2;
  flex: 2
}

.player .vp-outro-videosSection--3 {
  -ms-flex: 3;
  flex: 3
}

.player .vp-outro-videosHeaderWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0
}

.player .vp-outro-videosHeader {
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 0 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width:560px) and (min-height:250px) and (min-aspect-ratio:960 / 430) {
  .player .vp-outro-videosHeader {
    font-size: 5.5813953488vh
  }
}

@media (min-width:560px) and (min-height:250px) and (max-aspect-ratio:960 / 430) {
  .player .vp-outro-videosHeader {
    font-size: 2.5vw
  }
}

@media (min-width:960px) and (min-height:430px) {
  .player .vp-outro-videosHeader {
    font-size: 24px
  }
}

.player .vp-outro-videosTitle {
  margin: 0;
  font-size: inherit;
  line-height: 1.8;
  color: #fff
}

.player .vp-outro-videosTitle a {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.player .vp-outro-followWrap {
  font-size: 12px;
  position: relative;
  text-align: left
}

@media (min-width:720px) and (min-height:322px) and (min-aspect-ratio:960 / 430) {
  .player .vp-outro-followWrap {
    font-size: 3.7209302326vh
  }
}

@media (min-width:720px) and (min-height:322px) and (max-aspect-ratio:960 / 430) {
  .player .vp-outro-followWrap {
    font-size: 1.6666666667vw
  }
}

@media (min-width:960px) and (min-height:430px) {
  .player .vp-outro-followWrap {
    font-size: 16px
  }
}

.player .vp-outro-follow {
  font-size: inherit;
  margin-left: .4em;
  position: relative;
  padding: .1em .7em;
  border-radius: 2px;
  white-space: nowrap;
  color: #fff;
  text-align: left;
  background-color: rgba(127, 127, 127, .56);
  transition: background-color .1s ease-in-out
}

.player .vp-outro-follow:hover {
  background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow .icon {
  width: .68em;
  height: .68em
}

.player .vp-outro-follow .icon-path {
  transition: opacity .1s ease-in-out;
  opacity: 0
}

.player .vp-outro-follow #icon-mask--check rect {
  width: 0;
  transition: width .3s ease-out
}

.player .vp-outro-follow-text {
  line-height: 1.5
}

.player .vp-outro-follow[aria-pressed=false] .icon-path--plus {
  opacity: 1
}

.player .vp-outro-follow[aria-pressed=false] .vp-outro-follow-text::after {
  content: attr(data-label-follow)
}

.player .vp-outro-follow[aria-pressed=true] {
  background-color: #7fc400
}

.player .vp-outro-follow[aria-pressed=true] #icon-mask--check rect {
  width: 100%
}

.player .vp-outro-follow[aria-pressed=true] .icon-path {
  opacity: 0
}

.player .vp-outro-follow[aria-pressed=true] .icon-path--check {
  opacity: 1
}

.player .vp-outro-follow[aria-pressed=true] .vp-outro-follow-text::after {
  content: attr(data-label-following)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover {
  background-color: rgba(127, 127, 127, .76)
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path {
  opacity: 0
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .icon-path--close {
  opacity: 1
}

.player .vp-outro-follow[aria-pressed=true]:not(.vp-outro-follow--activated):hover .vp-outro-follow-text::after {
  content: attr(data-label-unfollow)
}

.player .vp-outro-videos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0
}

.player .vp-outro-videos>li {
  -ms-flex: 1;
  flex: 1;
  list-style-type: none;
  padding: 0;
  margin: 0 .4em;
  max-width: 400px
}

@media (min-width:401px) {
  .player .vp-outro-videos>li {
    margin: 0 1%
  }

  .player .vp-outro-videos--1>li {
    margin: 0 3%
  }

  .player .vp-outro-videos--2>li {
    margin: 0 1.5%
  }
}

.player .vp-outro-videos .vp-outro-videoLink {
  display: block;
  position: relative;
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: opacity .1s ease-out, transform 150ms ease-out
}

@supports (transition-timing-function:spring(1 400 25 20)) {
  .player .vp-outro-videos .vp-outro-videoLink {
    transition: opacity .1s ease-out, transform 10s spring(1 400 25 20)
  }
}

.player .vp-outro-videos .vp-outro-videoLink:focus,
.player .vp-outro-videos .vp-outro-videoLink:hover {
  outline: 0;
  z-index: 1;
  opacity: 1;
  transform: scale(1.1)
}

.player .vp-outro-videos .vp-outro-videoLink:focus .vp-outro-videoHeader,
.player .vp-outro-videos .vp-outro-videoLink:hover .vp-outro-videoHeader {
  opacity: 1
}

.player .vp-outro-videoHeader,
.player .vp-overlay-bg {
  opacity: 0;
  transition: opacity 250ms;
  left: 0;
  right: 0;
  bottom: 0
}

.player .vp-outro-videos .vp-outro-videoLink:active {
  transform: scale(1.07)
}

.player .vp-outro-imgWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0, 0, 0, .25);
  border: 1px solid rgba(255, 255, 255, .05);
  z-index: 1
}

.player .vp-outro-imgWrapper>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.player .vp-outro-videoHeader {
  position: absolute;
  height: 0;
  z-index: 1;
  text-align: left;
  color: #fff
}

@media screen and (max-width:400px) {
  .player .vp-outro-videoHeader {
    display: none !important
  }
}

.player .vp-outro-videoByline,
.player .vp-outro-videoTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center
}

.player .vp-outro-videoTitle {
  font-size: 12px;
  padding: .3em .5em 0;
  margin: 0;
  font-weight: 700;
  color: #fff
}

@media (min-width:677px) and (min-height:303px) and (min-aspect-ratio:960 / 430) {
  .player .vp-outro-videoTitle {
    font-size: 3.9534883721vh
  }
}

@media (min-width:677px) and (min-height:303px) and (max-aspect-ratio:960 / 430) {
  .player .vp-outro-videoTitle {
    font-size: 1.7708333333vw
  }
}

@media (min-width:960px) and (min-height:430px) {
  .player .vp-outro-videoTitle {
    font-size: 17px
  }
}

.player .vp-outro-videoByline {
  font-size: 10px;
  padding: .2em .7em 0;
  margin: 0;
  color: #fff
}

@media (min-width:800px) and (min-height:358px) and (min-aspect-ratio:960 / 430) {
  .player .vp-outro-videoByline {
    font-size: 2.7906976744vh
  }
}

@media (min-width:800px) and (min-height:358px) and (max-aspect-ratio:960 / 430) {
  .player .vp-outro-videoByline {
    font-size: 1.25vw
  }
}

@media (min-width:960px) and (min-height:430px) {
  .player .vp-outro-videoByline {
    font-size: 12px
  }
}

.player .vp-outro-textWrapper {
  text-align: left;
  padding: 6em;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.player .vp-outro-textWrapper img {
  max-width: 100%
}

.player .vp-outro-textWrapper a {
  font-weight: 700
}

.player .vp-outro-textWrapper ul {
  padding-left: 1.8em
}

.player .vp-outro-text {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 1.6em;
  line-height: 1.4
}

@media (max-width:500px) {
  .player .vp-outro-text {
    font-size: 1.4em
  }
}

@media (min-width:780px) {
  .player .vp-outro-text {
    width: 640px;
    margin: 0 auto
  }
}

.player .vp-outro-vodWrapper {
  text-align: center
}

.player .vp-outro-vodWrapper>p {
  margin-top: 1.4em;
  font-size: 1.4em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader {
  margin: 0 3.1em .5em;
  font-size: 3.2em
}

.player .vp-outro-vodWrapper .vp-outro-vodHeader a,
.player .vp-outro-vodWrapper .vp-outro-vodHeader a:hover {
  color: #fff
}

@media screen and (max-width:639px) {
  .player .vp-outro-vodWrapper .vp-outro-vodHeader {
    font-size: 2.8em
  }
}

@media screen and (max-width:499px) {
  .player .vp-outro-vodWrapper .vp-outro-vodHeader {
    font-size: 2.4em
  }
}

@media screen and (max-height:200px) {
  .player .vp-outro-vodWrapper .vp-outro-vodHeader {
    font-size: 2.4em
  }
}

.player .vp-outro-vod {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 10px
}

.player .vp-outro-vod li {
  display: inline-block;
  list-style-type: none;
  margin: 0 .5em;
  border-radius: 5px
}

.player .vp-outro-vod svg {
  margin-top: .125em;
  width: 1.375em;
  height: 1.375em
}

.player .vp-outro-vod p {
  margin: 0;
  padding: 0
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .6em .8em;
  margin: 0;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1;
  border-radius: 5px;
  cursor: pointer;
  color: #fff
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton:hover {
  color: #fff
}

@media screen and (max-height:200px) {
  .player .vp-outro-vodWrapper a.vp-outro-vodButton {
    font-size: 9px
  }
}

.player .vp-outro-vodWrapper a.vp-outro-vodButton--watch {
  display: inline-block;
  padding: .625em 1.25em;
  line-height: normal
}

.player .vp-outro-vodIcon {
  margin-right: .8em
}

.player .vp-overlay-bg {
  position: absolute;
  top: 0
}

.player .vp-overlay-cell {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.player .vp-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 13;
  transition: background-color .2s;
  background-position: center center;
  background-size: cover;
  text-align: center
}

.player .vp-overlay-wrapper.modal nav {
  display: none
}

.player .vp-overlay-wrapper.in .vp-overlay-bg,
.player .vp-overlay-wrapper.in nav {
  opacity: 1
}

.player .vp-overlay-wrapper.out nav {
  opacity: 0
}

.player .vp-overlay-wrapper h1 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 auto .6em
}

.player-md .vp-overlay-wrapper h1 {
  font-size: 21px
}

.player-lg .vp-overlay-wrapper h1,
.player-xl .vp-overlay-wrapper h1,
.player-xxl .vp-overlay-wrapper h1 {
  font-size: 24px
}

.player .vp-overlay-wrapper p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  margin: 0
}

.player-md .vp-overlay-wrapper p {
  font-size: 17px
}

.player-lg .vp-overlay-wrapper p,
.player-xl .vp-overlay-wrapper p,
.player-xxl .vp-overlay-wrapper p {
  font-size: 20px
}

.player .vp-overlay-wrapper p.subtitle {
  margin: .25em 0 .9375em
}

.player .vp-overlay-wrapper p.account {
  font-size: 1.3em;
  margin-top: .7142857143em
}

@media (max-width:414px),
(max-height:168px) {
  .player .vp-overlay-wrapper p.account {
    display: none
  }
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input {
  font-size: 16px;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  padding: .625em 1.25em;
  margin: 0 .3125em;
  border-radius: 5px
}

.player-md .vp-overlay-wrapper a[role=button],
.player-md .vp-overlay-wrapper button,
.player-md .vp-overlay-wrapper input {
  font-size: 18px
}

.player-lg .vp-overlay-wrapper a[role=button],
.player-lg .vp-overlay-wrapper button,
.player-lg .vp-overlay-wrapper input,
.player-xl .vp-overlay-wrapper a[role=button],
.player-xl .vp-overlay-wrapper button,
.player-xl .vp-overlay-wrapper input,
.player-xxl .vp-overlay-wrapper a[role=button],
.player-xxl .vp-overlay-wrapper button,
.player-xxl .vp-overlay-wrapper input {
  font-size: 20px
}

.player .vp-overlay-wrapper a[role=button],
.player .vp-overlay-wrapper button,
.player .vp-overlay-wrapper input[type=submit] {
  cursor: pointer
}

.player .vp-overlay-wrapper input:not([type=submit]) {
  padding: .625em
}

.player .vp-overlay-wrapper .popup {
  display: inline-block;
  max-width: 250px;
  font-size: 1.4em;
  padding: .7142857143em 1.4285714286em
}

.player .vp-overlay-wrapper .form a {
  font-weight: 700
}

.player .vp-overlay-wrapper .form form {
  position: relative
}

@media (max-width:414px),
(max-height:168px) {
  .player .vp-overlay-wrapper .form form {
    display: none
  }
}

.player .vp-overlay-wrapper .form input:not([type=submit]) {
  border-radius: 2px;
  width: 9em;
  color: #444
}

.player .vp-overlay-wrapper .form input:not([type=submit]):-ms-input-placeholder {
  color: #a9a9a9
}

.player .vp-overlay-wrapper .form input:not([type=submit])::placeholder {
  color: #a9a9a9
}

.player .vp-overlay-wrapper .form.password input[type=submit],
.player .vp-overlay-wrapper .form.unlocked button {
  width: auto
}

.player .vp-overlay-wrapper .form .loading {
  animation: throb 1s linear infinite
}

.player .vp-overlay-wrapper nav {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.player .vp-overlay-wrapper nav button {
  font-size: 12px;
  background: 0 0;
  margin: 0;
  padding: 0
}

.player-md .vp-overlay-wrapper nav button {
  font-size: 14px
}

.player-lg .vp-overlay-wrapper nav button,
.player-xl .vp-overlay-wrapper nav button,
.player-xxl .vp-overlay-wrapper nav button {
  font-size: 16px
}

.player .vp-overlay-wrapper nav .icon-close {
  width: 1.125em;
  height: 1.125em;
  margin: .9375em
}

.player .vp-overlay-wrapper nav .icon-back {
  width: 1em;
  height: 1em;
  margin: 1em
}

.player .vp-overlay-wrapper nav .fill {
  fill: #fff
}

.player .vp-overlay-wrapper nav,
.player .vp-overlay-wrapper nav .back {
  transition: transform .2s, opacity .2s;
  opacity: 0
}

.player .vp-overlay-wrapper nav .back {
  position: absolute;
  left: 0;
  transform: translateX(1.5em)
}

.player .vp-overlay-wrapper nav .close {
  position: absolute;
  right: 0
}

.player .vp-overlay-wrapper nav .close:active {
  transform: translateY(1px)
}

.player .vp-overlay-wrapper .footnote {
  font-weight: 700;
  margin-top: .5em;
  line-height: 1.8em
}

.player .vp-overlay-wrapper .footnote a,
.player .vp-overlay-wrapper .footnote button {
  margin: 0 .25em
}

.player .vp-overlay-wrapper .footnote.share a {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  color: #fff
}

.player .vp-overlay-wrapper .footnote a.clip-url {
  position: relative;
  top: .1em
}

.player .vp-overlay-wrapper .footnote small a {
  margin: 0
}

.player .vp-overlay-wrapper .help {
  color: #fff;
  width: 100%;
  display: block
}

.player .vp-overlay-wrapper .help dl {
  font-size: 10px;
  min-width: 300px;
  max-width: 700px;
  column-count: 2;
  margin: .5em auto;
  text-align: left
}

@media (min-width:400px) and (min-height:225px) and (min-aspect-ratio:640 / 360) {
  .player .vp-overlay-wrapper .help dl {
    font-size: 4.4444444444vh
  }
}

@media (min-width:400px) and (min-height:225px) and (max-aspect-ratio:640 / 360) {
  .player .vp-overlay-wrapper .help dl {
    font-size: 2.5vw
  }
}

@media (min-width:640px) and (min-height:360px) {
  .player .vp-overlay-wrapper .help dl {
    font-size: 16px
  }
}

.player .vp-overlay-wrapper .help dl>div {
  margin: .625em 0
}

.player .vp-overlay-wrapper .help .secondary {
  display: none
}

@media (min-width:501px) {
  .player .vp-overlay-wrapper .help dl {
    column-count: 3
  }

  .player .vp-overlay-wrapper .help dl dt {
    border-width: 2px
  }

  .player .vp-overlay-wrapper .help .secondary {
    display: block
  }
}

.player .vp-overlay-wrapper .help dt {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 3px;
  width: 2em;
  height: 2em;
  font-family: -apple-system, Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.5;
  text-align: center
}

.player .vp-overlay-wrapper .help .arrow {
  line-height: 1.25
}

.player .vp-overlay-wrapper .help dd {
  display: inline-block;
  margin: 0 .625em;
  font-size: .875em
}

.player .vp-overlay-wrapper .help .scrub-backwards,
.player .vp-overlay-wrapper .help .toggle-captions {
  break-after: always
}

@media (max-width:414px),
(max-height:168px) {
  .player .vp-overlay-wrapper[data-name=password] form {
    display: block
  }
}

@media (max-width:316px) {
  .player .vp-overlay-wrapper[data-name=password] input:not([type=submit]) {
    margin-bottom: 10px
  }
}

.player .vp-overlay-wrapper[data-name=app-redirect] {
  background: linear-gradient(180deg, transparent, #000 100%), rgba(0, 0, 0, .5)
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect--topspace {
  margin-top: 1.7em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-title {
  font-size: 1.7em;
  padding-bottom: 1em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
  font-size: 18px
}

@media (min-width:600px) and (min-height:337px) and (min-aspect-ratio:800 / 450) {
  .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
    font-size: 5.3333333333vh
  }
}

@media (min-width:600px) and (min-height:337px) and (max-aspect-ratio:800 / 450) {
  .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
    font-size: 3vw
  }
}

@media (min-width:800px) and (min-height:450px) {
  .player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-button {
    font-size: 24px
  }
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-ignore {
  text-decoration: underline;
  cursor: pointer;
  padding-top: 1em;
  font-size: 1.6em
}

.player .vp-overlay-wrapper[data-name=app-redirect] .app-redirect-bottom-text {
  padding-top: 1.6em;
  font-size: 1.6em
}

.player .vp-overlay {
  z-index: 17;
  width: 100%;
  opacity: 0;
  position: relative;
  transform: scale(.9, .9)
}

.player .vp-overlay.in {
  transition: transform .2s, opacity .2s;
  transform: scale(1, 1);
  opacity: 1
}

.player .vp-overlay.out {
  transition: transform 105ms, opacity 105ms
}

.player .vp-overlay-icon,
.player .vp-overlay-icon-wrapper.animate {
  transition: .15s ease-out
}

.player .vp-overlay-content {
  display: inline-block;
  padding: 0 18px
}

.player-lg .vp-overlay-content,
.player-md .vp-overlay-content,
.player-sm .vp-overlay-content,
.player-xl .vp-overlay-content,
.player-xxl .vp-overlay-content {
  padding: 0
}

.player-sm .vp-overlay-content {
  width: calc(100% * 8 / 12)
}

.player-md .vp-overlay-content {
  width: calc(100% * 6 / 12)
}

.player-lg .vp-overlay-content {
  width: calc(100% * 5 / 12)
}

.player-xl .vp-overlay-content {
  width: calc(100% * 4 / 12)
}

.player-xxl .vp-overlay-content {
  width: calc(100% * 3 / 12)
}

.player .vp-overlay-content.unlocked h1 {
  max-width: 800px
}

.player .vp-overlay-content.error {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.player .vp-overlay-icon-wrapper {
  position: absolute;
  left: 50%;
  width: 20em;
  height: 20em;
  margin-left: -10em;
  z-index: 16
}

@media (max-width:414px),
(max-height:168px) {
  .player .vp-overlay-icon-wrapper {
    display: none
  }
}

.player .vp-overlay-icon-wrapper[data-icon=lock] {
  width: 14em;
  height: 22.4em;
  margin-left: -7em
}

.player .vp-overlay-icon {
  width: 20em;
  height: 20em;
  transform: scale(.25);
  transform-origin: 50% 50%
}

.player .vp-overlay-icon[data-icon=lock] {
  height: 22.4em;
  width: 14em
}

.player .vp-overlay-icon[data-icon=lock].open .bolt {
  transform: translateY(-9px);
  transition: transform .15s
}

.player .vp-overlay-icon svg {
  width: 100%;
  height: 100%
}

.player .vp-overlay-icon.centered {
  transition: .1s ease-out
}

.player .vp-overlay-icon.pulled-back {
  transform: scale(.2)
}

.player .vp-overlay-icon.out {
  opacity: 0;
  transform: scale(1)
}

.player .vp-overlay-logo {
  width: 100%;
  height: 2.9em;
  margin: 0 auto;
  position: absolute;
  z-index: -2934875273462
}

.player .vp-overlay-logo.animate {
  opacity: 0;
  transition: .15s ease-out;
  transform: scale(.25)
}

.player .vp-overlay-logo svg {
  width: 100%;
  height: 100%
}

@media (max-height:269px) {
  .player .vp-overlay-cell::after {
    content: "icon-hidden";
    display: block;
    position: relative;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden
  }

  .player .vp-overlay-icon-wrapper,
  .player .vp-overlay-logo {
    display: none
  }

  .player .vp-overlay-icon-wrapper::after,
  .player .vp-overlay-logo::after {
    content: "hidden";
    display: block;
    position: relative;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden
  }
}

.player .vp-overlay-icon,
.player .vp-overlay-logo {
  opacity: .75
}

.player .vp-sidedock {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 10
}

.player .vp-sidedock,
.player .vp-sidedock .sidedock-inner {
  transition: opacity 250ms ease-out
}

.player .vp-sidedock .box {
  margin: 0 0 .5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  transition: transform 150ms ease-out
}

.player .vp-sidedock .box:nth-child(3) {
  transition-delay: 50ms
}

.player .vp-sidedock .box:nth-child(4) {
  transition-delay: .1s
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-button {
  background: rgba(188, 23, 30, .75)
}

.player .vp-sidedock .box[data-vod-expiring="1"] .vod-icon .fill {
  fill: #fff
}

.player .vp-sidedock.vod .sidedock-inner .box {
  opacity: 0;
  transform: translateX(46px)
}

.player .vp-sidedock.vod .box[data-vod-purchased="1"][data-vod-expiring="1"] .vod-button {
  animation: pulse 1s infinite
}

.player .vp-sidedock button {
  width: 3.6em;
  height: 3.6em;
  transition: background-color 40ms
}

.player .vp-sidedock label {
  padding: 0 1em;
  margin: 0 .7em 0 0;
  line-height: 3.6em;
  transform: translateX(5px)
}

.player .vp-sidedock label.visible {
  transform: translateX(0)
}

.player .vp-sidedock label::after {
  position: absolute;
  right: -.5em;
  top: 50%;
  margin-top: -.5em;
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-left: .5em solid rgba(23, 35, 34, .75);
  content: ""
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label {
  position: relative;
  height: 3.6em;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  transition: opacity 150ms ease-out, transform 150ms ease-out
}

.player .vp-sidedock .vod-label,
.player .vp-sidedock label span {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 2.5714285714
}

.player .vp-sidedock .vod-label {
  height: 100%;
  margin-left: .7em
}

.player .vp-sidedock svg {
  margin: 0 auto;
  display: block
}

.player .vp-sidedock .vod-button {
  width: auto
}

.player .vp-sidedock .vod-button-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%
}

.player .vp-sidedock .vod-icon {
  width: 2.4em;
  height: 100%;
  margin: 0 .7em
}

.player .vp-sidedock .like-icon {
  width: 2.2em;
  height: 2em
}

.player .vp-sidedock .watch-later-icon {
  width: 2.4em;
  height: 2.4em
}

.player .vp-sidedock .share-icon {
  width: 2.3em;
  height: 2em
}

.player .vp-sidedock .collections-icon {
  width: 2em;
  height: 2em
}

.player .vp-sidedock .fill {
  transition: fill 40ms
}

.player .vp-sidedock .stroke {
  transition: stroke 40ms
}

.player .vp-badge,
.player .vp-title {
  position: relative;
  z-index: 6;
  transition: opacity 250ms ease-out
}

.js-player-fullscreen:-webkit-full-screen .vp-sidedock {
  font-size: 11px
}

.js-player-fullscreen:-moz-full-screen .vp-sidedock {
  font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-sidedock {
  font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-sidedock {
  font-size: 11px
}

.player .sidedock-outro button:not(:hover) {
  opacity: .65
}

.player.no-fullscreen-api-support.mobile .vp-title .portrait,
.player.no-fullscreen-support.mobile .vp-title .portrait {
  display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.mobile .vp-title .portrait,
.player:not(:-webkit-full-screen).mobile .vp-title .portrait {
  display: none
}

.js-player-fullscreen:not(:-moz-full-screen) .player.mobile .vp-title .portrait,
.player:not(:-moz-full-screen).mobile .vp-title .portrait {
  display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.mobile .vp-title .portrait,
.player:not(:-ms-fullscreen).mobile .vp-title .portrait {
  display: none
}

.js-player-fullscreen:not(:fullscreen) .player.mobile .vp-title .portrait,
.player:not(:fullscreen).mobile .vp-title .portrait {
  display: none
}

.player.fullscreen .vp-title {
  margin-right: 4.1818181818em
}

.player .vp-title {
  display: block;
  padding: 10px;
  margin-right: 4.6em
}

.player .vp-title .vp-title-header {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.player .vp-title .vp-title-header .headers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  min-width: 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.player .vp-title .vp-title-header h1,
.player .vp-title .vp-title-header h2 {
  background: rgba(23, 35, 34, .75);
  display: inline-block;
  text-transform: none;
  line-height: normal;
  letter-spacing: normal
}

.player .vp-title .vp-title-header h1 {
  max-width: 100%;
  font-size: 2em !important;
  font-weight: 700;
  margin: 0;
  padding: .1em .2em
}

.player .vp-title .vp-title-header h1 a {
  font-weight: 700
}

.player .vp-title .vp-title-header h2 {
  font-size: 1.2em !important;
  font-weight: 400;
  color: #fff;
  margin-top: .1em;
  padding: .2em .5em
}

.player .vp-title .vp-title-header h2 .user,
.player .vp-title .vp-title-header h2 a {
  font-weight: 700
}

.player .vp-title .vp-title-header h2 .byline-badge {
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 2px 3px 1px;
  vertical-align: 1px;
  font-family: Helvetica, Arial !important;
  font-size: .7em;
  font-weight: 400
}

.player .vp-title .vp-title-header h2 .byline-badge.plus {
  background-color: #17ade4;
  color: #073a4c
}

.player .vp-title .vp-title-header h2 .byline-badge.pro {
  background-color: #9ba8b8;
  color: #34373d
}

.player .vp-title .vp-title-header h2 .byline-badge.business {
  background-color: #74b300;
  color: #263b00
}

.player .vp-title .portrait {
  background: rgba(23, 35, 34, .75);
  width: 6em;
  height: 6em;
  margin-right: 1px;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: .5em
}

.player .vp-title .portrait img {
  border: 0;
  width: 5em;
  height: 5em;
  border-radius: 50%
}

.player .vp-title .threesix-badge-title {
  color: #fff;
  background: rgba(255, 255, 255, .15);
  vertical-align: middle;
  font-weight: 700;
  font-size: .6em;
  padding: .2em .4em;
  display: inline-block;
  margin-left: .5em;
  margin-top: -.2em
}

.player .vp-title .threesix-badge-byline,
.player .vp-title .threesix-badge-loner {
  display: inline-block;
  background: rgba(23, 35, 34, .75);
  padding: .2em .4em;
  font-size: 1.2em;
  font-weight: 700
}

.player .vp-title .threesix-badge-byline {
  margin-left: -2px
}

.player .vp-title .hashdr-badge-title {
  color: #fff;
  background: rgba(255, 255, 255, .15);
  vertical-align: middle;
  font-weight: 700;
  font-size: .6em;
  padding: .2em .4em;
  display: inline-block;
  margin-left: .5em;
  margin-top: -.2em
}

.player .vp-title .hashdr-badge-byline,
.player .vp-title .hashdr-badge-loner {
  display: inline-block;
  background: rgba(23, 35, 34, .75);
  padding: .2em .4em;
  font-size: 1.2em;
  font-weight: 700
}

.player .vp-title .hashdr-badge-byline {
  margin-left: -2px
}

.js-player-fullscreen:-webkit-full-screen .vp-title {
  font-size: 11px
}

.js-player-fullscreen:-moz-full-screen .vp-title {
  font-size: 11px
}

.js-player-fullscreen:-ms-fullscreen .vp-title {
  font-size: 11px
}

.js-player-fullscreen:fullscreen .vp-title {
  font-size: 11px
}

.player .vp-badge {
  display: block;
  float: left;
  padding: 10px;
  margin: 0
}

.player.background-mode .vp-video-wrapper .vp-shade,
.player.no-playbar .vp-video-wrapper .vp-shade,
.player.player-overlayVisible .vp-cards,
.player.player-tiny .vp-video-wrapper .vp-shade,
.player.player-withCards .vp-sidedock {
  display: none
}

@media (max-width:414px),
(max-height:168px) {
  .player .vp-badge {
    display: none
  }
}

.player .vp-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  overflow: hidden
}

.player .vp-video-wrapper.live-background {
  background-color: #1a2e3b
}

.player .vp-video-wrapper.transparent {
  background-color: transparent
}

.player .vp-video-wrapper.native-controls {
  z-index: 12
}

.player .vp-video-wrapper .snapshot {
  position: absolute;
  z-index: 1
}

.player .vp-video-wrapper .vp-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: filter .25s, opacity .25s
}

.player .vp-video-wrapper .vp-video::after {
  transition: all .25s
}

.player .vp-video-wrapper .vp-preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: opacity .25s
}

.player .vp-video-wrapper .vp-preview-cover {
  background-size: cover
}

.player .vp-video-wrapper .vp-preview-invisible {
  opacity: 0
}

.player .vp-video-wrapper .vp-shade {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: .4;
  transition: opacity .25s
}

.player .vp-video-wrapper .vp-shade-invisible {
  opacity: 0
}

.player .vp-video-wrapper .vp-telecine {
  transition: opacity .25s
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::--webkit-media-controls-play-button {
  display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-play-button {
  display: none
}

.player .vp-video-wrapper .vp-telecine.hide-webkit-controls video::-webkit-media-controls-start-playback-button {
  display: none
}

.player .vp-video-wrapper .vp-telecine,
.player .vp-video-wrapper object,
.player .vp-video-wrapper video {
  width: 100%;
  height: 100%
}

.player .vp-video-wrapper .vp-telecine-cover video {
  object-fit: cover
}

.player .vp-video-wrapper pre {
  font-family: monospace !important
}

.js-player-fullscreen:-webkit-full-screen {
  background-color: #000 !important
}

.js-player-fullscreen:-moz-full-screen {
  background-color: #000 !important
}

.js-player-fullscreen:-ms-fullscreen {
  background-color: #000 !important
}

.js-player-fullscreen:fullscreen {
  background-color: #000 !important
}

.js-player-fullscreen:-webkit-full-screen .vp-video-wrapper {
  background-color: transparent !important
}

.js-player-fullscreen:-moz-full-screen .vp-video-wrapper {
  background-color: transparent !important
}

.js-player-fullscreen:-ms-fullscreen .vp-video-wrapper {
  background-color: transparent !important
}

.js-player-fullscreen:fullscreen .vp-video-wrapper {
  background-color: transparent !important
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-player-inner {
  bottom: 60px
}

.player.player-cardsCarousel:not(.player-outroVisible) .vp-cards-wrapper {
  display: block
}

.player.player-cardsCarousel .vp-title {
  display: none
}

.player .vp-cards-wrapper {
  display: none;
  z-index: 4;
  overflow: hidden;
  height: 60px;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  color: #fff;
  background: #000
}

.player.player-cardsCorner .vp-cards-wrapper {
  display: block;
  overflow: visible;
  width: 0;
  height: 76px;
  left: auto;
  bottom: auto;
  top: 10px;
  right: 10px
}

.player .vp-cards {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  padding: 0 14%;
  transition-property: transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(.18, .89, .32, 1.2)
}

.player.player-cardsCorner .vp-cards {
  top: 0;
  right: 0;
  width: 326px;
  height: 0;
  transform: translateX(0) !important
}

.player .card {
  margin: 2px 1px;
  height: 56px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
  cursor: pointer;
  -webkit-user-drag: none
}

.player.player-cardsCorner .card {
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  opacity: 0;
  transform: translate(100%, 0);
  cursor: auto
}

.player.player-cardsCorner .card-animating {
  transition: transform 250ms cubic-bezier(.18, .89, .32, 1.2), opacity .2s
}

.player.player-cardsCorner .card-active {
  opacity: 1;
  transform: translate(0, 0)
}

.player .card-hasDetail {
  height: 56px
}

.player.player-cardsCorner .card-hasDetail {
  height: 76px
}

.player.player-cardsCorner .card--contentInfo {
  display: none
}

.player .card--contentInfo .card-imageWrap {
  -ms-flex: 0 0 49px;
  flex: 0 0 49px;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player .card--contentInfo .card-image {
  border-radius: 50%;
  height: 40px;
  user-select: none;
  -webkit-user-drag: none
}

.player .card-imageWrap,
.player.player-cardsCorner .card-imageWrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.player .card-link {
  color: #fff;
  -webkit-user-drag: none
}

.player .card-inner {
  float: right;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-color: rgba(23, 35, 34, .75)
}

.player.player-cardsCorner .card-inner {
  border-radius: 3px
}

.player .card-imageWrap {
  display: none;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 56px;
  flex-basis: 56px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  user-select: none;
  -webkit-user-drag: none
}

.player.player-cardsCorner .card-imageWrap {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  height: 100%;
  user-select: none
}

.player .cards-wrapper--withThumbnails .card-imageWrap {
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.player .card-image {
  display: block;
  height: 56px;
  width: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.player .card-body,
.player .card-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.player.player-cardsCorner .card-image {
  height: 100%;
  -webkit-user-drag: none
}

.player .card-body {
  width: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  user-select: none
}

.player.player-cardsCorner .card-body {
  padding: 10px;
  max-width: 250px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.player .card-text {
  margin: 0;
  font-size: 1.4em;
  line-height: 1.1428571429em;
  user-select: none
}

.player .card-text--title,
.player .card-text--title span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  overflow: hidden
}

.player .card-text--title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1px;
  line-height: 1.2857142857em;
  color: #fff;
  user-select: none
}

.player.player-cardsCorner .card-text--title {
  margin-bottom: 0
}

.player .card-text--title span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  user-select: none
}

.player .card-arrow {
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  margin-left: 10px;
  width: 10px;
  height: 10px
}

.player .card-text--detail {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 1px;
  max-height: 26px;
  color: #a2afb8;
  font-size: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.player.player-cardsCorner .card-text--detail {
  margin-top: 6px;
  max-height: 32px;
  font-size: 1.4em
}

.player .vp-text-alert-wrapper {
  background-image: linear-gradient(to bottom, rgba(20, 21, 22, .3), #141516);
  cursor: default;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.6em;
  font-weight: 700
}

.player .vp-text-alert-wrapper .vp-alert-text,
.player .vp-text-alert-wrapper .vp-alert-time {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  width: 100%
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
  margin-bottom: 9px
}

.player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
  font-weight: 400;
  font-size: 3.2em
}

@media screen and (max-height:350px),
screen and (max-width:740px) {
  .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-title {
    font-weight: 700
  }

  .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body,
  .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-footer {
    font-size: 1.4em;
    display: inline;
    font-weight: 400
  }

  .player .vp-text-alert-wrapper .vp-alert-time .vp-live-start-time-body {
    padding-right: 6px
  }
}

@media screen and (max-height:200px),
screen and (max-width:480px) {
  .player .vp-text-alert-wrapper {
    font-size: 1.2em
  }
}

@media screen and (max-height:200px),
screen and (max-width:250px) {
  .player .vp-text-alert-wrapper {
    font-size: 1em
  }
}

.player .player-mini.with-custom-logo .vp-title .vp-title-header h1,
.player.player-mini .vp-title .vp-title-header h1 {
  font-size: 1.8em
}

.player .vp-spin {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity .1s, transform .25s cubic-bezier(.17, .88, .32, 1.28)
}

.player.background-mode .vp-spin,
.player.no-playbar .vp-spin,
.player.player-tiny .vp-spin {
  display: none
}

.player .vp-spin-invisible {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.7)
}

.player .vp-spin-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: rotate 2s linear .25s infinite, dash 1.5s ease-in-out .25s infinite
}

@media all and (-ms-high-contrast:none) {
  .player .vp-spin-circle {
    stroke-dasharray: 50 200;
    stroke-dashoffset: 0
  }
}

.player .vp-spin-invisible .vp-spin-circle {
  animation: none
}

.player .vp-spin-trace {
  fill: none;
  stroke-width: 3%;
  stroke: rgba(23, 35, 34, .75);
  stroke-opacity: .6
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button:not(.toggle):hover .fill,
.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player.player-tiny .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.player.player-xxs .vp-spin-circle,
.player.player-xxs .vp-spin-trace {
  stroke-width: 6%
}

.player.player-xs .vp-spin-circle,
.player.player-xs .vp-spin-trace {
  stroke-width: 4%
}

.player.no-fullscreen-api-support.in-minibar .custom-logo,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-api-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-api-support.in-minibar .vp-badge,
.player.no-fullscreen-api-support.in-minibar .vp-sidedock,
.player.no-fullscreen-api-support.in-minibar .vp-title {
  display: none !important
}

.player.no-fullscreen-api-support.in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-api-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-api-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-api-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-api-support.in-minibar .vp-controls .vp-progress {
  display: none
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.player.no-fullscreen-api-support.in-minibar .vp-controls .play,
.player.no-fullscreen-api-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-api-support.in-minibar .vp-controls .replay {
  z-index: 11
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:-moz-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-api-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-api-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar .custom-logo,
.player.no-fullscreen-support.in-minibar .play-bar .vp-cast-button,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-status,
.player.no-fullscreen-support.in-minibar .play-bar .vp-live-viewer-count,
.player.no-fullscreen-support.in-minibar .vp-badge,
.player.no-fullscreen-support.in-minibar .vp-sidedock,
.player.no-fullscreen-support.in-minibar .vp-title {
  display: none !important
}

.player.no-fullscreen-support.in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.player.no-fullscreen-support.in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.player.no-fullscreen-support.in-minibar .vp-controls .airplay,
.player.no-fullscreen-support.in-minibar .vp-controls .logo,
.player.no-fullscreen-support.in-minibar .vp-controls .stereoscopic,
.player.no-fullscreen-support.in-minibar .vp-controls .volume,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-cast-button,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-prefs,
.player.no-fullscreen-support.in-minibar .vp-controls .vp-progress {
  display: none
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.player.no-fullscreen-support.in-minibar .vp-controls .play .tiny-bars,
.player.no-fullscreen-support.in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.player.no-fullscreen-support.in-minibar .vp-controls .play,
.player.no-fullscreen-support.in-minibar .vp-controls .play-bar,
.player.no-fullscreen-support.in-minibar .vp-controls .replay {
  z-index: 11
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:-moz-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.no-fullscreen-support.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player.no-fullscreen-support.in-minibar:not(:fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-title,
.player:not(:-webkit-full-screen).in-minibar .custom-logo,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-status,
.player:not(:-webkit-full-screen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-webkit-full-screen).in-minibar .vp-badge,
.player:not(:-webkit-full-screen).in-minibar .vp-sidedock,
.player:not(:-webkit-full-screen).in-minibar .vp-title {
  display: none !important
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-title,
.player:not(:-moz-full-screen).in-minibar .custom-logo,
.player:not(:-moz-full-screen).in-minibar .play-bar .vp-cast-button,
.player:not(:-moz-full-screen).in-minibar .play-bar .vp-live-status,
.player:not(:-moz-full-screen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-moz-full-screen).in-minibar .vp-badge,
.player:not(:-moz-full-screen).in-minibar .vp-sidedock,
.player:not(:-moz-full-screen).in-minibar .vp-title {
  display: none !important
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-title,
.player:not(:-ms-fullscreen).in-minibar .custom-logo,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:-ms-fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:-ms-fullscreen).in-minibar .vp-badge,
.player:not(:-ms-fullscreen).in-minibar .vp-sidedock,
.player:not(:-ms-fullscreen).in-minibar .vp-title {
  display: none !important
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .custom-logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-status,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .play-bar .vp-live-viewer-count,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-badge,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-sidedock,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-title,
.player:not(:fullscreen).in-minibar .custom-logo,
.player:not(:fullscreen).in-minibar .play-bar .vp-cast-button,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-status,
.player:not(:fullscreen).in-minibar .play-bar .vp-live-viewer-count,
.player:not(:fullscreen).in-minibar .vp-badge,
.player:not(:fullscreen).in-minibar .vp-sidedock,
.player:not(:fullscreen).in-minibar .vp-title {
  display: none !important
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls,
.player:not(:-webkit-full-screen).in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  justify-content: flex-end
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls,
.player:not(:-moz-full-screen).in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  justify-content: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls,
.player:not(:-ms-fullscreen).in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls,
.player:not(:fullscreen).in-minibar .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  align-items: flex-end
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  align-items: flex-end
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar button:not(.toggle):hover .fill {
  fill: #fff
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar .cc,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .airplay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .logo,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .stereoscopic,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .volume,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-prefs,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .vp-progress {
  display: none
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-moz-full-screen).in-minibar .vp-controls .airplay,
.player:not(:-moz-full-screen).in-minibar .vp-controls .logo,
.player:not(:-moz-full-screen).in-minibar .vp-controls .stereoscopic,
.player:not(:-moz-full-screen).in-minibar .vp-controls .volume,
.player:not(:-moz-full-screen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-moz-full-screen).in-minibar .vp-controls .vp-prefs,
.player:not(:-moz-full-screen).in-minibar .vp-controls .vp-progress {
  display: none
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .airplay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .logo,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .volume,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .vp-progress {
  display: none
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .airplay,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .logo,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .stereoscopic,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .volume,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-cast-button,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-prefs,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .vp-progress,
.player:not(:fullscreen).in-minibar .vp-controls .airplay,
.player:not(:fullscreen).in-minibar .vp-controls .logo,
.player:not(:fullscreen).in-minibar .vp-controls .stereoscopic,
.player:not(:fullscreen).in-minibar .vp-controls .volume,
.player:not(:fullscreen).in-minibar .vp-controls .vp-cast-button,
.player:not(:fullscreen).in-minibar .vp-controls .vp-prefs,
.player:not(:fullscreen).in-minibar .vp-controls .vp-progress {
  display: none
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play,
.player:not(:-moz-full-screen).in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-moz-full-screen).in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play .tiny-bars,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .play .tiny-bars,
.player:not(:fullscreen).in-minibar .vp-controls .replay .tiny-bars {
  display: block
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .replay {
  z-index: 11
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .replay,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar,
.player:not(:-moz-full-screen).in-minibar .vp-controls .replay {
  z-index: 11
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .replay {
  z-index: 11
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .replay,
.player:not(:fullscreen).in-minibar .vp-controls .play,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .replay {
  z-index: 11
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-webkit-full-screen).in-minibar .vp-controls .play-bar {
  flex: 0 0 auto
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-moz-full-screen).in-minibar .vp-controls .play-bar {
  flex: 0 0 auto
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:-ms-fullscreen).in-minibar .vp-controls .play-bar {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar .vp-controls .play-bar,
.player:not(:fullscreen).in-minibar .vp-controls .play-bar {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-webkit-full-screen) .player.in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-webkit-full-screen).in-minibar:not(:-webkit-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-moz-full-screen) .player.in-minibar:not(:-moz-full-screen) .vp-captions.with-controls,
.player:not(:-moz-full-screen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-moz-full-screen).in-minibar:not(:-moz-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:-ms-fullscreen) .player.in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:-ms-fullscreen).in-minibar:not(:-ms-fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.js-player-fullscreen:not(:fullscreen) .player.in-minibar.no-fullscreen-support .vp-captions.with-controls,
.js-player-fullscreen:not(:fullscreen) .player.in-minibar:not(:fullscreen) .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar.no-fullscreen-support .vp-captions.with-controls,
.player:not(:fullscreen).in-minibar:not(:fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

@media (max-height:119px),
(max-width:79px) {

  .player .vp-controls .cc,
  .player .vp-controls .fullscreen {
    display: none !important
  }
}

.player.player-tiny .custom-logo,
.player.player-tiny .play-bar .vp-cast-button,
.player.player-tiny .play-bar .vp-live-status,
.player.player-tiny .play-bar .vp-live-viewer-count,
.player.player-tiny .vp-badge,
.player.player-tiny .vp-sidedock,
.player.player-tiny .vp-title {
  display: none !important
}

.player.player-tiny .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player.player-tiny .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.player.player-tiny .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.player.player-tiny .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.player.player-tiny .vp-controls .airplay,
.player.player-tiny .vp-controls .logo,
.player.player-tiny .vp-controls .stereoscopic,
.player.player-tiny .vp-controls .volume,
.player.player-tiny .vp-controls .vp-cast-button,
.player.player-tiny .vp-controls .vp-prefs,
.player.player-tiny .vp-controls .vp-progress {
  display: none
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.player.player-tiny .vp-controls .play .tiny-bars,
.player.player-tiny .vp-controls .replay .tiny-bars {
  display: block
}

.player .player-mini.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-mini.with-custom-logo .portrait,
.player .player-mini.with-custom-logo .vp-controls .volume,
.player .player-mini.with-custom-logo .vp-controls .vp-cast-button,
.player .player-tiny.with-custom-logo .custom-logo,
.player .player-tiny.with-custom-logo .play-bar .vp-cast-button,
.player .player-tiny.with-custom-logo .play-bar .vp-live-status,
.player .player-tiny.with-custom-logo .play-bar .vp-live-viewer-count,
.player .player-tiny.with-custom-logo .vp-badge,
.player .player-tiny.with-custom-logo .vp-sidedock,
.player .player-tiny.with-custom-logo .vp-title,
.player.player-mini .play-bar .vp-live-viewer-count,
.player.player-mini .portrait,
.player.player-mini .vp-controls .volume,
.player.player-mini .vp-controls .vp-cast-button {
  display: none !important
}

.player.player-tiny .vp-controls .play,
.player.player-tiny .vp-controls .play-bar,
.player.player-tiny .vp-controls .replay {
  z-index: 11
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:-webkit-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:-moz-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:-ms-fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player.player-tiny.no-fullscreen-support .vp-captions.with-controls,
.player.player-tiny:not(:fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo .vp-controls {
  top: 1em;
  height: auto;
  z-index: auto;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar {
  background: 0;
  padding: 0;
  height: 2.2em;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar button {
  box-sizing: content-box;
  background: rgba(23, 35, 34, .75);
  border-radius: .5em;
  padding: .5em;
  margin-left: .5em;
  height: 1.2em
}

.player .player-tiny.with-custom-logo .vp-controls .play-bar .cc {
  padding: .4em;
  height: 1.4em
}

.player .player-tiny.with-custom-logo .vp-controls .airplay,
.player .player-tiny.with-custom-logo .vp-controls .logo,
.player .player-tiny.with-custom-logo .vp-controls .stereoscopic,
.player .player-tiny.with-custom-logo .vp-controls .volume,
.player .player-tiny.with-custom-logo .vp-controls .vp-cast-button,
.player .player-tiny.with-custom-logo .vp-controls .vp-prefs,
.player .player-tiny.with-custom-logo .vp-controls .vp-progress {
  display: none
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .replay {
  margin: -2em 0 0 -3.25em;
  position: absolute;
  top: 50%;
  left: 50%
}

.player .player-tiny.with-custom-logo .vp-controls .play .tiny-bars,
.player .player-tiny.with-custom-logo .vp-controls .replay .tiny-bars {
  display: block
}

.player .player-tiny.with-custom-logo .vp-controls .play,
.player .player-tiny.with-custom-logo .vp-controls .play-bar,
.player .player-tiny.with-custom-logo .vp-controls .replay {
  z-index: 11
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:-webkit-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:-moz-full-screen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:-ms-fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

.player .player-tiny.with-custom-logo.no-fullscreen-support .vp-captions.with-controls,
.player .player-tiny.with-custom-logo:not(:fullscreen) .vp-captions.with-controls {
  transform: translateY(-32px)
}

@media screen and (max-width:449px),
screen and (max-height:249px) {

  .player .custom-logo,
  .player .custom-logo img {
    max-height: 60px !important
  }
}

@media screen and (max-height:224px) {

  .player .custom-logo,
  .player .custom-logo img {
    max-height: 50px !important
  }
}

.player .vp-live-viewer-status-wrapper {
  transition: opacity 250ms ease-out;
  position: absolute;
  cursor: default;
  margin-top: 8px;
  margin-left: 8px
}

.player .vp-live-viewer-status-wrapper .vp-live-viewer-count {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  padding: 2px 5px;
  margin-left: 8px;
  background: rgba(0, 0, 0, .5);
  height: 22px
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-value,
.player .vp-live-viewer-count .vp-live-viewer-count-value {
  margin-left: 5px
}

.player .vp-live-viewer-count {
  font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 540;
  letter-spacing: 1px;
  padding-right: 10px;
  display: none
}

.player .vp-live-viewer-count .vp-live-viewer-count-person {
  display: inline-block;
  position: relative;
  top: 2px
}

.player .play-bar .vp-live-viewer-count {
  margin-top: -3px;
  padding-right: 10px;
  display: none
}

.player .play-bar .vp-live-viewer-count .vp-live-viewer-count-person {
  display: inline-block;
  position: relative;
  top: 2px
}

.player .vp-live-viewer-status-wrapper .vp-live-status {
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  padding: 2px 5px;
  background: #ff4d4d;
  height: 22px
}

.player .vp-live-viewer-status-wrapper .vp-live-status .vp-live-status-circle {
  background: #fff
}

.player .vp-live-status {
  font: 1.3em HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 540;
  letter-spacing: 1px;
  line-height: 1.4;
  cursor: default
}

.player .vp-live-status span {
  margin-left: 4px
}

.player .vp-live-status .vp-live-status-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  position: relative
}

.player .play-bar .vp-live-status {
  margin-top: -3px;
  padding-right: 10px;
  display: none
}

.player .play-bar .vp-live-status .vp-live-status-circle {
  background: red
}

.player .play-bar .vp-live-status .vp-live-status-circle.offline {
  background: #333;
  border: 1px solid #efefef
}

.player .vp-unmute {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
  transition: opacity 250ms ease-out
}

.player .vp-unmute-button {
  display: block;
  position: relative;
  margin: 10px auto;
  max-width: calc(100% - 12.5em);
  padding: .8em .8em .8em 35px;
  border-radius: 2px;
  background: rgba(23, 35, 34, .75)
}

.player.player-tiny .vp-unmute-button {
  max-width: calc(100% - 20px)
}

.player .vp-unmute-button>span {
  font-size: 1.3em;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff
}

.player .vp-icon-muted {
  position: absolute;
  left: .8em;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px
}

.video {
  width: 100%;
  height: 100%;
}