@import "../../../assets/constants"
.biz-control-bar
  font-size: 12px
  height: 24px
  line-height: 24px
  padding: 0 10px 0 20px
  background-color: rgba(53,64,82,0.8)
  color: $color-bg-normal
  display: flex
  flex-direction: row
  .btn-play
    flex: none
    margin-right: 10px
    cursor: pointer
  .btn-forward
    margin-top: 4px
    display: inline-block
    height: 16px
    line-height: 16px
    width: 40px
    text-align: center
    background-color: #354052
    position: relative
    .speed-handle
      cursor: pointer
    .list-panel
      position: absolute
      bottom: 16px
      width: 40px
      background-color: #354052
      z-index: 100
      li
        height: 20px
        line-height: 20px
        cursor: pointer
        &:hover,&.active
          background-color: rgba(255,255,255,0.3)
  .process-bar
    flex: 1
    display: inline-block
    height: 8px
    background-color: #354052
    border-radius: 10px
    margin: 8px 10px 0 10px
    overflow: hidden
    position: relative
    .load-process,.process
      position: absolute
      cursor: pointer
      width: 0
      height: 100%
      border-radius: 10px
      background: $color-brand
    .load-process
      background: $color-bg-system
  .time-label
    flex: none
    display: inline-block
    white-space: nowrap
    text-align: center