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-experimental,
.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 {
  /* stylelint-disable-next-line custom-property-pattern */
  background-color: var(--mainHoverColor);
  border: 1px solid black;
  /* stylelint-disable-next-line custom-property-pattern */
  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 */
/* stylelint-disable custom-property-pattern */
/*
  Here we are getting some Peertube variables (see _variables.scss in Peertube source code):
  We are disabling stylelint-disable custom-property-pattern so we can use Peertube var without warnings.
*/
/*
  These are styles to apply for the channel configuration pages.
*/
.peertube-plugin-livechat-configuration {
  /* Channel configuration page */
  /* Channel selection page */
}
.peertube-plugin-livechat-configuration h1 {
  padding-top: 40px;
  /* See Peertube sub-menu-h1 mixin */
  font-size: 1.3rem;
  border-bottom: 2px solid var(--greyBackgroundColor);
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info {
  /* stylelint-disable-next-line value-keyword-case */
  color: var(--mainForegroundColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info span:first-child {
  /* See Peertube .video-channel-display-name */
  font-weight: 600;
  font-size: 18px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel .peertube-plugin-livechat-configuration-channel-info span:not(:first-child) {
  /* See Peertube .video-channel-name */
  margin-left: 5px;
  font-size: 14px;
  color: #777272;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel h2 {
  text-transform: uppercase;
  color: var(--mainColor);
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 10px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit],
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset] {
  line-height: 19px;
  padding: 4px 13px;
  border: 0;
  font-weight: 600;
  border-radius: 3px !important;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:focus {
  color: #fff;
  background-color: var(--mainColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit]:hover {
  color: #fff;
  background-color: var(--mainHoverColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=submit].disabled {
  cursor: default;
  color: #fff;
  background-color: var(--inputBorderColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset] {
  background-color: var(--greyBackgroundColor);
  color: var(--greyForegroundColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:active, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset]:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset].disabled {
  color: var(--greyForegroundColor);
  background-color: var(--greySecondaryBackgroundColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset][disabled], .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-channel input[type=reset].disabled {
  cursor: default;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels {
  list-style-type: none;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li {
  align-items: center;
  gap: 15px;
  /* See Peertube row-blocks mixin, used in video-channel */
  display: flex;
  min-height: 130px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  /* stylelint-disable-next-line value-keyword-case */
  border-bottom: 1px solid var(--inputBorderColor);
}
@media screen and (max-width: 800px) {
  .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar {
  /* See Peertube CSS, class avatar and avatar-80 */
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.channel {
  border-radius: 5px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.initial {
  /* See Peertube actor-avatar.component.scss */
  background-color: #3c2109;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--initialFontSize);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .avatar.initial.gray {
  background-color: #939393;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info {
  flex-grow: 1;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a {
  /* See Peertube .video-channel-names */
  width: fit-content;
  display: flex;
  align-items: baseline;
  /* stylelint-disable-next-line value-keyword-case */
  color: var(--mainForegroundColor);
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:hover, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:focus, .peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:active {
  text-decoration: none !important;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a:focus:not(.focus-visible) {
  outline: none !important;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a div:first-child {
  /* See Peertube .video-channel-display-name */
  font-weight: 600;
  font-size: 18px;
}
.peertube-plugin-livechat-configuration.peertube-plugin-livechat-configuration-home ul.peertube-plugin-livechat-configuration-home-channels li .peertube-plugin-livechat-configuration-home-info a div:not(:first-child) {
  /* See Peertube .video-channel-name */
  margin-left: 5px;
  font-size: 14px;
  color: #777272;
}

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