.flowplayer
  &.is-mouseover, &.is-paused
    .fp-captions
      bottom: 3em
  &.is-poster
    .fp-engine
      opacity: 0
  &.is-loading
    .fp-engine
      top: -9999em
    .fp-ui
      .fp-header, .fp-controls
        opacity: 0
  &.is-splash, &.is-poster
    .fp-ui > *
      display: none
    .fp-ui > .fp-play
      display: block
    &.is-loading
      .fp-ui > .fp-play
        display: none
      .fp-ui > .fp-waiting
        display: block
  &.is-poster
    .fp-engine
      left: -9999em
      top: -9999em
    .fp-captions
      display: none !important
  &.is-disabled
    .fp-color
      background-color: #999
  &.has-title
    .fp-header
      top: 0
      text-align: right
  &.is-fullscreen
    .fp-player
      background-color: #333
    .fp-fullscreen:before
      content: "\e016"
    top: 0 !important
    left: 0 !important
    border: 0 !important
    margin: 0 !important
    width: 100% !important
    height: 100% !important
    max-width: 100% !important
    z-index: 99999 !important
    box-shadow: 0 !important
    background-image: none !important
    background-color: #333

  &.is-fullscreen.fp-outlined
    .fp-fullscreen:before
      content: "\e216"
  &.is-fullscreen.fp-edgy
    .fp-fullscreen:before
      content: "\e116"
  &.is-fullscreen.fp-edgy.fp-outlined
    .fp-fullscreen:before
      content: "\e316"
  &.is-fullscreen.is-mouseout.is-playing
    .fp-ui
      cursor: none
  &.is-loading, &.is-seeking
    .fp-waiting
      display: block !important
      opacity: 1 !important
      svg, p
        opacity: 1
    .fp-play
      display: none !important
  &.is-playing
    background-image: none !important
    .fp-playbtn
      &:before
        content: "\e008"
  &.is-playing.fp-outlined
    .fp-playbtn:before
      content: "\e208"
  &.is-playing.fp-edgy
    .fp-playbtn:before
      content: "\e108"
  &.is-playing.fp-edgy.fp-outlined
    .fp-playbtn:before
      content: "\e308"
  &.is-muted
    .fp-volumebtn:before
      content: "\e00d"
  &.is-muted.fp-outlined
    .fp-volumebtn:before
      content: "\e20d"
  &.is-muted.fp-edgy
    .fp-volumebtn:before
      content: "\e10d"
  &.is-muted.fp-edgy.fp-outlined
    .fp-volumebtn:before
      content: "\e30d"
  &.is-inverted
    .fp-duration
      display: none
    .fp-remaining
      display: block
  &.is-closeable
    .fp-header
      .fp-unload
        display: block
  &.is-error
    background-color: #aaa
    .fp-ui
      opacity: 1
  &.is-live
    .fp-timeline
      visibility: hidden
    .fp-bar > *.fp-buffer
      max-width: 100%
    &.is-dvr
      .fp-timeline
        visibility: visible
      &.is-live-position
        .fp-duration
          color: #00abcd
  &.is-flash-disabled
    .fp-waiting
      display: none !important
    .fp-ui
      height: auto
      background: none
      opacity: 1
      .fp-header, .fp-controls
        display: none
    .fp-engine
      top: 0
  &.is-tiny
    font-size: .7em
  &.is-small
    font-size: .8em
