:root {
  --dark-background: #424242;
}

:root.dark [data-test-id^="sticky-container-po-"]>div {
  background-color: var(--color-shade70);
}

:root.dark div:has([data-test-id^="sticky-container-po-"]) {
  background-color: transparent;
}

:root.dark [data-test-id^="sticky-container-po-"]>div h4 {
  color: var(--color-shade20);
}

:root.dark [data-test-id^="sticky-container-po-"]>div[data-test-id^="sticky-content"] * {
  color: var(--color-shade20);
}

:root.dark [data-test-id^="sticky-container-po-"]>div[data-test-id^="sticky-bar-footer"] button:first-child:not(:hover) p {
  color: var(--color-shade20);
}

/* ELO DARK MODE STYLES */
:root.dark #container-hold-content+aside>div:has(>div) {
  background-color: var(--dark-background);
}

:root.dark .utility-id {
  z-index: 11;
  color: var(--color-white);
}

:root.dark #plurall-elo-navbar+div>div:not(#version-bullet):not([data-test-id="mobile-handler-open"]) {
  background: var(--dark-background);
}

:root.dark #plurall-elo-navbar+div>div:not(#version-bullet) button:not(:hover) {
  color: var(--color-white);
}

:root.dark [data-testid="plurall-layout"]>div:first-of-type>div[class*="Layout"],
:root.dark [data-testid="plurall-layout"]>div:first-of-type>div[class*="Layout"]>div:first-of-type {
  background: var(--dark-background);
}