.form-group--hidden {
    display: none !important;
  }
  .form-group--hidden {
    display: none !important;
  }
  #peertube-plugin-chat-container {
    position: relative;
    width: 20em;
    height: 66vh;
    padding: 0.5em;
    padding-bottom: 5em;
    background-color: var(--mainBackgroundColor);
    color: var(--mainForegroundColor);
}
#peertube-plugin-chat-messages {
    max-height: 100%;
    overflow-y: scroll;
}
#peertube-plugin-chat-user-area {
    width: 19em;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 1100px) {
    #peertube-plugin-chat-container {
        position: relative;
        width: inherit;
        height: 20em;
    }
    #peertube-plugin-chat-user-area {
        width: inherit;
    }
}