body{--channelPluginCardBackgroundColor: #F5F6F8;--channelPluginCardForegroundColor: #000}.channel-list{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.channel-list .channel-item{display:flex;align-items:center;padding:12px;background-color:var(--channelPluginCardBackgroundColor);color:var(--channelPluginCardForegroundColor)}.channel-list .channel-item .channel-image{max-width:46px;width:100%;height:auto;border-radius:50%;margin-right:15px}.channel-list .channel-item .channel-name{font-weight:600;font-size:14px;margin-bottom:0}@media screen and (max-width: 500px){.channel-header{text-align:center}.channel-list{grid-gap:10px;padding:0 10px}}
body.dark-mode{--mainBackgroundColor: #242424;--mainForegroundColor: #d3d3d3;--menuBackgroundColor: #131313;--menuForegroundColor: #f2f2f2;--submenuBackgroundColor: #131313;--submenuColor: #f2f2f2;--inputForegroundColor: #dbdbdb;--inputBackgroundColor: #464646;--textareaBackgroundColor: #f9f9f9;--markdownTextareaBackgroundColor: #CFD1D2;--channelBackgroundColor: #666666;--greyForegroundColor: #868686}body.dark-mode .header{border-bottom-color:#F1644C !important}body.dark-mode .dropdown-menu,body.dark-mode .popover,body.dark-mode .cfp-hotkeys-container{background-color:#131313 !important;color:#f2f2f2 !important}body.dark-mode .dropdown-menu a,body.dark-mode .popover .popover-body .notifications-header,body.dark-mode .popover .popover-body .notification,body.dark-mode .popover-notifications.popover .popover-body .notifications-header a,.popover-notifications.popover .popover-body .notifications-header button{color:#f2f2f2 !important}body.dark-mode div.active-filter{background-color:#666666 !important}body.dark-mode .ng-dropdown-panel .ng-option,body.dark-mode .ng-select-container{color:var(--inputForegroundColor) !important;background-color:var(--inputBackgroundColor) !important}body.dark-mode my-video-alert .alert{background-color:#0c5460 !important;color:#d1ecf1 !important}body.dark-mode .video-bottom .video-info .video-info-first-row .video-actions-rates .video-actions .action-button .feather,body.dark-mode .video-actions .action-button{color:#aaa !important}body.dark-mode .popover-notifications.popover .popover-body .notifications .notification:hover,body.dark-mode .popover-notifications.popover .popover-body .notifications .notification:focus{background-color:#1d1c1a !important}body.dark-mode .popover-notifications.popover .popover-body .notifications .notification.unread{background-color:var(--greyForegroundColor) !important}body.dark-mode .popover-notifications.popover .popover-body .notifications .notification.unread:hover,body.dark-mode .popover-notifications.popover .popover-body .notifications .notification.unread:focus{background-color:#7c7d7f !important}body.dark-mode .popover-notifications.popover .popover-body .notifications .notification.unread .from-date{color:var(--submenuColor) !important}body.dark-mode .dropdown .dropdown-menu button.dropdown-item,body.dark-mode my-action-dropdown .dropdown-menu .dropdown-item span{color:var(--menuForegroundColor) !important}body.dark-mode #table-filter::placeholder{color:var(--submenuColor)}body.dark-mode .p-paginator-current,body.dark-mode .p-paginator .p-dropdown .p-dropdown-label,body.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:var(--mainForegroundColor) !important}body.dark-mode p-table p-paginator .p-paginator-bottom .p-dropdown,body.dark-mode p-table p-paginator .p-paginator-bottom .p-dropdown-trigger,body.dark-mode p-table p-paginator .p-paginator-bottom .p-dropdown-items-wrapper{background-color:var(--mainBackgroundColor)}.gs-dark-mode-container,.gs-dark-mode-container:hover,.gs-dark-mode-container:visited{display:flex;padding-inline-start:26px;padding-inline-end:20px;text-decoration:none;outline:none;color:var(--menuForegroundColor);cursor:pointer}.gs-dark-mode-container my-input-switch{margin-right:15px;margin-top:2px}.gs-dark-mode-toggle input[type=checkbox]{position:absolute;visibility:hidden}.gs-dark-mode-toggle input[type=checkbox]+label{cursor:pointer;text-indent:-9999px;width:35px;height:20px;background-color:#ccc;display:block;border-radius:100px;position:relative;margin:0}.gs-dark-mode-toggle input[type=checkbox]:checked+label{background-color:var(--mainColor)}.gs-dark-mode-toggle input[type=checkbox]+label:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background-color:var(--mainBackgroundColor);border-radius:50%;transition:.3s ease-out}.gs-dark-mode-toggle input[type=checkbox]:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}
#peertube-plugin-livechat-container {
  display: flex;
  flex-direction: column;
}

#plugin-placeholder-player-next #peertube-plugin-livechat-container {
  height: 100%;
}

.peertube-plugin-livechat-buttons {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}

.peertube-plugin-livechat-button {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 36px !important;
  margin: 5px !important;
  padding: 2px !important;
}
.peertube-plugin-livechat-button svg {
  height: auto;
}

.peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button {
  height: 18px !important;
  margin: 2px !important;
  padding: 1px !important;
}

[peertube-plugin-livechat-state=initializing] {
  display: none;
}

[peertube-plugin-livechat-state=open] .peertube-plugin-livechat-button-open {
  display: none;
}

[peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-close {
  display: none;
}

[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-main {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0 !important;
}
[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-secondary {
  border-radius: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border-left: 1px solid currentColor;
}
[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-last-secondary {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important;
  border-left: 1px solid currentColor;
}

#peertube-plugin-livechat-container iframe {
  border: 1px solid black;
  min-height: 30vh;
  height: 100%;
}

.peertube-plugin-livechat-warning {
  color: orange;
}

.peertube-plugin-livechat-error {
  color: red;
}

table.peertube-plugin-livechat-prosody-list-rooms {
  border: 1px solid black;
  margin: 5px 0;
}

table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) {
  background-color: #eee;
}

table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) {
  background-color: #fff;
}

table.peertube-plugin-livechat-prosody-list-rooms th {
  background-color: var(--mainHoverColor);
  border: 1px solid black;
  color: var(--mainBackgroundColor);
  padding: 4px 5px;
}

table.peertube-plugin-livechat-prosody-list-rooms td {
  border: 1px solid #555;
  color: black;
  padding: 4px 5px;
}

.peertube-plugin-livechat-shareurl-modal > * {
  margin-top: 30px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-copy {
  display: flex;
  flex-wrap: wrap;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-copy button {
  white-space: nowrap;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-copy input {
  flex-grow: 2;
  width: auto !important;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-custom input[type=checkbox] {
  margin-right: 20px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-custom label {
  display: block;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-custom .livechat-shareurl-custom-readonly-options {
  margin-left: 40px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-custom .livechat-shareurl-custom-readonly-options > * {
  display: block;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-custom .livechat-shareurl-custom-readonly-options.livechat-shareurl-custom-readonly-disabled label {
  color: var(--gray-dark);
}

/*# sourceMappingURL=style.css.map */