#fedStreamContainer {
  width: 10rem;
  height: 6rem; /* Adjust the height as needed */
  position: absolute;
  bottom: 2%;
  right: 2%;
  display: none;
  background-color: #292929;
  border-radius: 8px;
  z-index: 9999;
  transition: all 0.5s ease; /* Smooth transition for all properties */
  opacity: 1; /* Set initial opacity */
}

.fedStreamHidden {
  opacity: 0;
}

#fedStream {
  width: 100%;
  height: 100%; /* Adjust the height as needed */
  object-fit: cover;
  border-radius: 10px;
  display: none;
}

#speakerToggle, #openStream, #toggleStreamView {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 16px;
  border: unset;
  display: none;
  z-index: 999;
}

#openStream {
  left: 90px; /* Adjust this to place the button next to the speaker toggle */
}

#toggleStreamView {
  right: 0%;
  left: unset;
}


/* CSS for the mobile view of the left panel */
@media (max-width: 767px) {

  #fedStreamContainer {
    width: 10rem;
    height: 6rem; /* Adjust the height as needed */
    position: absolute;
    bottom: 2%;
    right: 2%;
    display: none;
    background-color: #292929;
    border-radius: 10px;
    z-index: 9999;

  }

}