html.css-ready * {
  visibility: visible !important;
}

html[data-theme="light"] .theme-wrapper {
  --background: #ffffff;
  --text: #111827;
  --secondary-text: #4b5563;
  --border: #e5e7eb;
  color: var(--text);
  background-color: var(--background);
}

html[data-theme="dark"] .theme-wrapper {
  --background: #121212;
  --text: #f5f5f5;
  --secondary-text: #b0b0b0;
  --border: #333333;
  color: var(--text);
  background-color: var(--background);
}

html[data-theme="light"] .theme-wrapper:has(.tv-page),
html[data-theme="dark"] .theme-wrapper:has(.tv-page) {
  --background: #000000;
  --text: #ffffff;
  --secondary-text: #aaaaaa;
  --border: #2d2d2d;
  color: #ffffff;
  background-color: #000000;
}

.svg-inline--fa {
  display: inline-block !important;
  height: 1em !important;
  width: 1em !important;
  vertical-align: -0.125em !important;
  overflow: visible !important;
}

button svg.svg-inline--fa,
a svg.svg-inline--fa,
.navLink svg.svg-inline--fa,
.navIcon svg.svg-inline--fa {
  color: inherit !important;
  fill: currentColor !important;
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  vertical-align: -0.125em !important;
  visibility: visible !important;
  opacity: 1 !important;
}