.flowplayer.fp-default-playlist
  .fp-prev, .fp-next
    position: absolute
    top: 45%
    opacity: 0.3
    transition: opacity 0.2s
    &:before
      font-family: flowplayer
      font-size: 2.8em
  .fp-prev
    left: 0.4em
    &:before
      content: "\e011"
  .fp-next
    right: 0.4em
    &:before
      content: "\e012"
  .fp-playlist
    position: absolute
    right: 0.4em
    bottom: 3em
    width: 100%
    text-align: center
    a
      background-color: #fff
      height: 0.8em
      border-radius: 50%
      width: 0.8em
      opacity: 0.7
      display: inline-block
      transition: transform 0.2s
      &:hover
        transform: scale(1.2, 1.2)
      &.is-active
        opacity: 1
  &.fp-edgy
    .fp-prev:before
      content: "\e111"
    .fp-next:before
      content: "\e112"
  &.fp-outlined
    .fp-prev:before
      content: "\e211"
    .fp-next:before
      content: "\e212"
  &.fp-edgy.fp-outlined
    .fp-prev:before
      content: "\e311"
    .fp-next:before
      content: "\e312"
.flowplayer.fp-custom-playlist
  overflow: visible
  &, &.is-splash, &.is-poster, &.is-loading
    .fp-playlist
      display: block
      opacity: 1
