html[data-theme="dark"] .login-modal {
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
}

html[data-theme="dark"] :is(
  .login-tabs,
  .partner-login,
  .episode-film-version-list,
  .season-delivery-list button,
  .manga-delivery-preview
) {
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

html[data-theme="dark"] :is(
  .manga-video-mode-switch[role="radiogroup"] > .button[aria-checked="true"],
  .manga-production-card .manga-video-shot-nav > button.active,
  .home-topbar nav > button:not(.home-business-link):is(:hover, :focus, :active)
) {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

html[data-theme="dark"] .home-topbar nav > button:not(.home-business-link):is(:hover, :focus, :active) {
  color: #f0edff !important;
  background: linear-gradient(135deg, rgba(104, 87, 255, .30), rgba(31, 44, 92, .55)) !important;
  border: 1px solid rgba(191, 181, 255, .48) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 8px 20px rgba(0, 0, 0, .16) !important;
}

html[data-theme="dark"] :is(
  .home-image-workbench .home-image-source,
  .home-image-workbench .home-image-controls
) {
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
}

html[data-theme="dark"] :is(
  .manga-production-card .manga-video-shot-nav > button > span,
  .sidebar .nav-item.active,
  .mode-choice-row button.selected,
  .mode-choice-row button:not(:disabled):hover
) {
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

html[data-theme="dark"] .home-promises {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
