body.dark-mode {
  --mainBackgroundColor: #242424;
  --mainForegroundColor: #d3d3d3;
  --menuBackgroundColor: #131313;
  --menuForegroundColor: #f2f2f2;
  --submenuBackgroundColor: #131313;
  --submenuColor: #f2f2f2;
  --inputForegroundColor: #dbdbdb;
  --inputBackgroundColor: #464646;
  --inputPlaceholderColor: #a0a0a0;
  --textareaBackgroundColor: #f9f9f9;
  --markdownTextareaBackgroundColor: #cfd1d2;
  --channelBackgroundColor: #666666;
  --greyForegroundColor: #868686;
}

body.dark-mode .header {
  border-bottom-color: #f1644c !important;
}

body.dark-mode .root-header {
  box-shadow: 0 1px 3px rgba(219, 219, 219, 0.1607843137) !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 .dropdown .dropdown-menu button.dropdown-item,
body.dark-mode my-action-dropdown .dropdown-menu .dropdown-item span {
  color: var(--menuForegroundColor) !important;
}

body.dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
body.dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
body.dark-mode .dropdown .dropdown-menu .dropdown-item:active,
body.dark-mode .dropdown-menu a:active,
body.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):active,
body.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):active {
  background-color: var(--mainColor) !important;
}

body.dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
body.dark-mode .dropdown .dropdown-menu .dropdown-item:hover,
body.dark-mode .dropdown-menu a:hover,
body.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
body.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group:not(.p-highlight):not(.p-disabled):hover {
  background-color: var(--mainHoverColor) !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: #aaaaaa !important;
}

body.dark-mode .video-actions .activated {
  color: #ffffff !important;
}

body.dark-mode .video-miniature-account:hover,
body.dark-mode .video-miniature-account:focus,
body.dark-mode .video-miniature-channel:hover,
body.dark-mode .video-miniature-channel:focus {
  color: #aeaeae !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 #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);
}

.dark-mode-container, .dark-mode-container:hover, .dark-mode-container:visited {
  display: flex;
  padding-inline-start: 26px;
  padding-inline-end: 20px;
  text-decoration: none;
  outline: none;
  color: var(--menuForegroundColor);
  cursor: pointer;
}

.dark-mode-container my-input-switch {
  margin-right: 15px;
  margin-top: 2px;
}

.dark-mode-toggle input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}

.dark-mode-toggle input[type=checkbox] + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 35px;
  height: 20px;
  background-color: #cccccc;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0;
}

.dark-mode-toggle input[type=checkbox]:checked + label {
  background-color: var(--mainColor);
}

.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: 0.3s ease-out;
}

.dark-mode-toggle input[type=checkbox]:checked + label:after {
  left: calc(100% - 3px);
  transform: translate(-100%);
}

/*# sourceMappingURL=style.css.map */
{"version":3,"sourceRoot":"","sources":["../../../assets/styles/style.css"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;AAAA;EAEI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA","file":"style.css"}.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(--menuBackgroundColor);
  color: var(--menuForegroundColor);
}

.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;
  }
}

/*# sourceMappingURL=style.css.map */
{"version":3,"sourceRoot":"","sources":["../../../assets/styles/style.css"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACE;IACE;;EAGF;IACE;IACA","file":"style.css"}#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: 10px;
}
.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-web-options input[type=checkbox],
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-web-options input[type=radio],
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options input[type=checkbox],
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options input[type=radio] {
  margin-right: 20px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-web-options label,
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options label {
  display: block;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-web-options .livechat-shareurl-web-options-readonly,
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options .livechat-shareurl-web-options-readonly {
  margin-left: 40px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-web-options .livechat-shareurl-web-options-readonly > *,
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options .livechat-shareurl-web-options-readonly > * {
  display: block;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-web-options .livechat-shareurl-web-options-readonly.livechat-shareurl-web-options-readonly-disabled label,
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-xmpp-options .livechat-shareurl-web-options-readonly.livechat-shareurl-web-options-readonly-disabled label {
  color: var(--gray-dark);
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-protocol {
  display: flex;
  flex-flow: row wrap;
  column-gap: 30px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-protocol input[type=radio] {
  margin-right: 10px;
}
.peertube-plugin-livechat-shareurl-modal .livechat-shareurl-tips {
  min-height: 60px;
}

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