.dark-mode ::-webkit-scrollbar-track {
  background: var(--clr-scrollbar) !important;
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: var(--clr-primary) !important;
}

.dark-mode .skeletor-loader {
  background: linear-gradient(90deg, var(--clr-loader-bg) 25%, #3a3a3a 50%, var(--clr-loader-bg) 75%) !important;
}

.dark-mode .loader {
  border-color: var(--clr-loader-bg) !important;
  border-top-color: var(--clr-accent) !important;
}

.dark-mode .mobile-socials img,
.dark-mode .socials-container img {
  filter: brightness(0) invert(1) !important;
}

.dark-mode .logo img,
.dark-mode .poster,
.dark-mode .special-image,
.dark-mode .fullscreen-poster-image {
  filter: none !important; 
}

.dark-mode .poster-container {
  background-color: var(--clr-loader-bg) !important;
}

.dark-mode .loader-container {
  background-color: rgb(42 42 42 / 70%) !important;
}

.dark-mode .selector-movie-list-single:not(:last-child)::after {
  background: var(--clr-border) !important;
}

.dark-mode .modal-overlay {
  background: rgb(0 0 0 / 80%) !important;
}

.dark-mode .btn.weitere-spielzeiten-btn {
  background-color: transparent !important;
  color: var(--clr-text) !important;
  border-color: var(--clr-text) !important;
}

.dark-mode .btn.weitere-spielzeiten-btn:hover {
  background-color: rgb(255 255 255 / 10%) !important;
}

.dark-mode .btn.weitere-spielzeiten-btn.active {
  background-color: var(--clr-text) !important;
  color: var(--clr-background) !important;
}