.panelContainerBrandcastVideo {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  /*box-shadow: 0px 0px 4px -2px rgba(0,0,0,0), 0px 3px 5px 0px rgba(0,0,0,0), 0px 1px 8px 0px rgba(0,0,0,0.12);*/
  top: 0px;
  z-index: 1000000000;
}
.autoPlayContainer {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 1000000000;
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 4;
}
.contentBrandcastVideo {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  width: 100%;
  /* margin: 0 20px; */
}
.MuxPlayerAutoPlay mux-player {
  height: auto;
}
.tikTokPlayOverlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mutedOverlay{
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}

.vp-video-wrapper.transparent {
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px !important;
}

mux-player {
  height: 100%;
  width: 100%;
  --airplay-button: none;
  --fullscreen-button: none;
  --pip-button: none;
}

.CropVideo mux-player {
  --media-object-fit: cover;
}

.AmbientMode, .AmbientModeADA mux-player {
  max-height: 100% !important;
  max-width: 100% !important;
  --airplay-button: none;
  --fullscreen-button: none;
  --media-background-color: transparent;
}

.AmbientMode mux-player::part(pre-play) {
  opacity: 0 !important;          /* hide it */
  pointer-events: none !important; /* let clicks pass through */
  animation: none !important;     /* stop fade-in/out animation */
}

.AmbientMode mux-player::part(center play button) {
  opacity: 0 !important;          /* hide it */
}
.AmbientModeADA mux-player::part(pre-play) {
  opacity: 0 !important;          /* hide it */
  pointer-events: none !important; /* let clicks pass through */
  animation: none !important;     /* stop fade-in/out animation */
}


.AmbientMode mux-player::part(control-bar bottom){
  display: none;
}

.AmbientModeADA  mux-player::part(bottom){
  opacity: 1;
  --bottom-play-button: flex;
  --bottom-seek-backward-button: flex;
  --bottom-seek-forward-button: flex;
  --bottom-time-display: flex;
  --mute-button: none;
  --media-volume-range-display: none;
}

.AmbientMode  mux-player::part(bottom){
  padding-left: 0px;
  padding-right: 0px;
  opacity: 1;
}


.hideMuxAudioControls {
  --mute-button: none;
  --volume-range: none;
}

.VideoPreivewHeight mux-player {
  height: 100% !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hide-center-play {
  --play-button: none;
}
.hide-center-play  mux-player::part(bottom){
   opacity: 0 !important; 
}

.fill-autoplay-style mux-player {
  --center-controls: none;
  --duration-display: none;
  --time-display: none;
  --time-range: none;
}

.HideMuxControls mux-player::part(center play button) {
  opacity: 0 !important;          /* hide it */
}