.video-js .vjs-channel-selector-container {
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: block;
  font-size: 1em;
  padding: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.video-js .vjs-channel-selector-container .channels {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.video-js .vjs-channel-selector-container .channels .channel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  border: 2px solid grey;
  width: calc(20% - 10px);
}
.video-js .vjs-channel-selector-container .channels .channel:hover {
  border-color: orange;
}
.video-js .vjs-channel-selector-container .channels .channelActive {
  border: 2px solid greenyellow;
}
.video-js .vjs-channel-selector-container .channels .channelActive:hover {
  border-color: greenyellow;
}

/*
  Only show the title bar after playback has begun (so as not to hide
  the big play button) and only when paused or when the user is
  interacting with the player.
*/
/*
.video-js.vjs-paused.vjs-has-started .vjs-title-bar,
.video-js.vjs-user-active.vjs-has-started .vjs-title-bar {

 */

/*# sourceMappingURL=videojs-camzone-channel-select.css.map */