.mup-video
  vertical-align: top
  width: 100%
  margin: 0
  padding: 0

.mup-controls
  vertical-align: top
  white-space: nowrap
  padding: 5px
  background: #212121

.mup-control
  display: inline-block

  &:not(:last-child)
    margin-right: 10px

.mup-progress-bar, .mup-progress-fill
  margin: 0
  padding: 0
  border: 0

.mup-control.mup-progress-bar
  display: block
  height: 20px
  margin: 0 0 5px
  padding: 0
  background: grey

.mup-progress-fill
  display: block
  width: 0
  height: 100%
  margin: 0
  padding: 0
  background: green

button.mup-control
  margin: 0
  padding: 7px 12px
  background: #eee
  border: none
  color: #000
  font-size: 16px
  transition: all 200ms ease-in-out
  &:hover
    background: #fff
    color: #212121
    cursor: pointer

.mup-control
  color: white