.#{$ns}Video {
  min-width: 200px;

  &-cursor {
    position: absolute;
    border: 2px solid $info;
    transition: all 0.5s ease-out;
  }

  &-frameList {
    .#{$ns}Video-frameItem {
      cursor: pointer;
    }
  }

  &-frameLabel {
    text-align: center;
  }

  .video-react-paused .video-react-big-play-button.big-play-button-hide {
    display: block;
  }

  &-player {
    position: relative;
  }

  &-error {
    position: absolute;
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: $danger;
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
    top: 0;
  }
}