/* x0r Labs native community theme for PeerTube 8.3.2. */
:root {
  color-scheme: dark;
  --is-dark: 1 !important;
  --primary: #43d9ff !important;
  --primary-0: #06121f !important;
  --primary-50: #091c2b !important;
  --primary-100: #0c283a !important;
  --primary-150: #10384d !important;
  --primary-200: #16465b !important;
  --primary-250: #1c5870 !important;
  --primary-300: #26718c !important;
  --primary-350: #2d8baa !important;
  --primary-400: #33accf !important;
  --primary-450: #3bc6ed !important;
  --primary-500: #43d9ff !important;
  --primary-550: #71e2ff !important;
  --primary-600: #91dcff !important;
  --primary-650: #a6c8ff !important;
  --primary-700: #b6b2ff !important;
  --primary-750: #c6b7ff !important;
  --primary-800: #d3c6ff !important;
  --primary-850: #e1d6ff !important;
  --primary-900: #ece5ff !important;
  --primary-950: #f4efff !important;
  --primary-1000: #ffffff !important;
  --on-primary: #04101c !important;
  --on-primary-200: #eef6ff !important;
  --on-primary-450: #04101c !important;

  --fg: #eef6ff !important;
  --fg-50: #b0c4d6 !important;
  --fg-100: #a6bfd0 !important;
  --fg-200: #b7cadb !important;
  --fg-250: #c2d3e2 !important;
  --fg-300: #cbdbe8 !important;
  --fg-350: #d6e4ef !important;
  --fg-400: #e0ecf5 !important;
  --fg-450: #eef6ff !important;
  --bg: #050a12 !important;
  --bg-secondary: #172a3c !important;
  --bg-secondary-0: #050a12 !important;
  --bg-secondary-50: #060d16 !important;
  --bg-secondary-100: #08111d !important;
  --bg-secondary-200: #0b1725 !important;
  --bg-secondary-300: #0d1b2b !important;
  --bg-secondary-350: #101f30 !important;
  --bg-secondary-400: #122438 !important;
  --bg-secondary-450: #162b40 !important;
  --bg-secondary-500: #1b344b !important;
  --bg-secondary-600: #22425b !important;
  --bg-secondary-700: #2c536c !important;
  --bg-secondary-800: #39667e !important;
  --bg-secondary-900: #4b7a91 !important;
  --bg-secondary-950: #5e8da3 !important;
  --menu-fg: #d6e4ef !important;
  --menu-fg-300: #b7cadb !important;
  --menu-fg-400: #d6e4ef !important;
  --menu-fg-450: #e0ecf5 !important;
  --menu-fg-500: #eef6ff !important;
  --menu-fg-600: #eef6ff !important;
  --menu-bg: #091421 !important;
  --menu-bg-500: #091421 !important;
  --menu-bg-550: #132b40 !important;
  --menu-bg-600: #1b344b !important;
  --header-fg: #eef6ff !important;
  --header-fg-200: #b7cadb !important;
  --header-fg-300: #cbdbe8 !important;
  --header-fg-500: #eef6ff !important;
  --header-bg: #060e19 !important;
  --header-bg-500: #060e19 !important;
  --border-primary: #43d9ff !important;
  --border-secondary: #284354 !important;
  --secondary-icon-color: #b7cadb !important;
  --active-icon-color: #eef6ff !important;
  --active-icon-bg: #443080 !important;

  --input-fg: #eef6ff !important;
  --input-bg: #0a1725 !important;
  --input-bg-550: #0d1b2b !important;
  --input-bg-600: #102235 !important;
  --input-bg-in-modal: #0d1b2b !important;
  --input-bg-in-secondary: #102235 !important;
  --input-border-color: #48667e !important;
  --input-placeholder-color: #a6bfd0 !important;
  --input-check-active-fg: #04101c !important;
  --input-check-active-bg: #43d9ff !important;
  --textarea-fg: #eef6ff !important;
  --textarea-bg: #0a1725 !important;
  --textarea-bg-in-modal: #0d1b2b !important;
  --textarea-bg-in-secondary: #102235 !important;
  --alert-primary-fg: #dff5ff !important;
  --alert-primary-bg: #132d46 !important;
  --alert-primary-border-color: #37688a !important;
  --p-primary-color: var(--primary) !important;
  --p-primary-contrast-color: var(--on-primary) !important;
  --p-primary-hover-color: var(--primary-600) !important;
  --p-primary-active-color: var(--primary-700) !important;
  --p-form-field-focus-border-color: #43d9ff !important;
}

body {
  background-color: var(--bg);
  background-image: radial-gradient(ellipse at 15% 0%, #12375233, transparent 52%), radial-gradient(ellipse at 95% 85%, #42206c22, transparent 48%);
  color: var(--fg);
}
body :is(h1, h2, h3, h4) { color: #eef6ff; }
body :is(input, textarea, select) { accent-color: #43d9ff; }
body :is(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid #43d9ff !important;
  outline-offset: 3px;
}
::selection { background: #6843b5; color: #ffffff; }
.x0r-stream-setup {
  --x0rss-cyan: #20d8ff;
  --x0rss-violet: #974bff;
  --x0rss-text: #eef6ff;
  --x0rss-muted: #a6bfd0;
  --x0rss-line: #284354;
  color: var(--x0rss-text);
  font-family: inherit;
  line-height: 1.65;
  color-scheme: dark;
}
.x0r-stream-setup *, .x0r-stream-setup *::before, .x0r-stream-setup *::after { box-sizing: border-box; }
.x0r-stream-setup .x0rss-card {
  max-width: 1000px;
  margin: 2rem auto;
  padding: clamp(1.3rem, 4vw, 3rem);
  border: 1px solid var(--x0rss-line);
  border-radius: 1rem;
  background: linear-gradient(125deg, #08131f, #090b17);
}
.x0r-stream-setup .x0rss-logo { object-fit: contain; float: right; margin: 0 0 1rem 1rem; filter: drop-shadow(0 0 15px #7537bd55); }
.x0r-stream-setup .x0rss-eyebrow { letter-spacing: .2em; text-transform: uppercase; color: var(--x0rss-cyan); font-size: .75rem; }
.x0r-stream-setup h1, .x0r-stream-setup h2, .x0r-stream-setup h3 { line-height: 1.2; color: var(--x0rss-text); }
.x0r-stream-setup h1 { font-size: clamp(2rem, 4vw, 3.2rem); margin: .5rem 0 1.3rem; }
.x0r-stream-setup h2 { font-size: 1.6rem; margin: 0; }
.x0r-stream-setup h3 { font-size: 1.35rem; margin: 0 0 1.2rem; }
.x0r-stream-setup p { color: var(--x0rss-muted); margin: .8rem 0; max-width: 78ch; }
.x0r-stream-setup .x0rss-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; margin: 1rem 0; }
.x0r-stream-setup .x0rss-button {
  cursor: pointer;
  color: #fff;
  font: inherit;
  font-size: .9rem;
  font-weight: 650;
  background: linear-gradient(110deg, #1966ce, #6726cd);
  border: 1px solid #6d8bfa;
  border-radius: .4rem;
  padding: .65rem 1rem;
  min-height: 44px;
}
.x0r-stream-setup .x0rss-secondary { background: #0c1926; border-color: var(--x0rss-line); }
.x0r-stream-setup .x0rss-button:disabled { opacity: .5; cursor: not-allowed; }
.x0r-stream-setup .x0rss-button:not(:disabled):hover { border-color: var(--x0rss-cyan); filter: brightness(1.12); }
.x0r-stream-setup .x0rss-link { color: #75d9ff; text-decoration: underline; text-underline-offset: 3px; }
.x0r-stream-setup :focus-visible { outline: 2px solid var(--x0rss-cyan); outline-offset: 3px; }
.x0r-stream-setup.x0rss-dialog {
  width: min(940px, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #33536d;
  border-radius: 1rem;
  background: linear-gradient(135deg, #07131f, #0c0b1d);
  box-shadow: 0 24px 100px #0009;
  overflow: auto;
}
.x0r-stream-setup.x0rss-dialog::backdrop { background: #01040bd9; backdrop-filter: blur(5px); }
.x0r-stream-setup .x0rss-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.x0r-stream-setup .x0rss-progress { display: flex; flex-wrap: wrap; list-style: none; gap: .45rem; padding: 1.25rem 0; margin: 0 0 1rem; border-bottom: 1px solid var(--x0rss-line); }
.x0r-stream-setup .x0rss-progress li { color: var(--x0rss-muted); font-size: .78rem; padding: .35rem .6rem; border: 1px solid transparent; }
.x0r-stream-setup .x0rss-progress .x0rss-current { color: #eafaff; border-color: #2c7a9a; background: #123048; border-radius: .3rem; }
.x0r-stream-setup .x0rss-field { display: flex; flex-direction: column; gap: .35rem; margin: 1rem 0; color: var(--x0rss-text); font-size: .9rem; font-weight: 600; }
.x0r-stream-setup input:not([type=checkbox]), .x0r-stream-setup select { width: 100%; min-height: 44px; padding: .7rem .8rem; font: inherit; background: #0a1725; color: var(--x0rss-text); border: 1px solid #31556d; border-radius: .3rem; }
.x0r-stream-setup input[type=password] { letter-spacing: .1em; }
.x0r-stream-setup input[type=checkbox] { width: 1.25rem; height: 1.25rem; accent-color: #8551ee; }
.x0r-stream-setup .x0rss-status { min-height: 1.5em; color: #a5def6; }
.x0r-stream-setup .x0rss-error { color: #ffb8ae; }
.x0r-stream-setup .x0rss-nav { justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--x0rss-line); }
@media (max-width: 560px) {
  .x0r-stream-setup .x0rss-logo { width: 64px; height: 64px; }
  .x0r-stream-setup .x0rss-dialog-header { align-items: flex-start; }
  .x0r-stream-setup .x0rss-dialog-header h2 { font-size: 1.25rem; }
  .x0r-stream-setup .x0rss-progress { gap: .1rem; }
  .x0r-stream-setup .x0rss-progress li { padding: .25rem; font-size: .7rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .x0r-stream-setup .x0rss-intro { animation: x0rss-reveal .7s ease both; }
  @keyframes x0rss-reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
}