@import bourbon


// Base .video-js styles are ripped from the standard video.js theme.

.video-js
  background-color: black
  padding: 0
  position: relative
  +user-select(none)
  vertical-align: middle

  .vjs-tech
    +position(absolute, 0 null null 0)
    +size(100%)

  &:-moz-full-screen
    position: absolute
  &.vjs-fullscreen
    position: fixed
    overflow: hidden
    z-index: 1000
    left: 0
    top: 0
    bottom: 0
    right: 0
    width: 100% !important
    height: 100% !important
  &:-webkit-full-screen
    width: 100% !important
    height: 100% !important
  &.vjs-fullscreen.vjs-user-inactive
    cursor: none

body.vjs-full-window
  height: 100%
  margin: 0
  overflow-y: auto
  padding: 0

.vjs-poster
  background-repeat: no-repeat
  background-position: 50% 50%
  background-size: contain
  cursor: pointer
  height: 100%
  margin: 0
  padding: 0
  position: relative
  width: 100%
  img
    display: block
    margin: 0 auto
    max-height: 100%
    padding: 0
    width: 100%
  .video-js.vjs-using-native-controls &
    display: none
