.theme-icon-button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

.theme-icon-button .theme-toggle-icon {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
  transform: none !important;
}

.theme-icon-button .theme-toggle-sun {
  display: block !important;
}

.theme-icon-button .theme-toggle-moon {
  display: none !important;
}

html[data-theme="dark"] .theme-icon-button .theme-toggle-sun,
html[data-bs-theme="dark"] .theme-icon-button .theme-toggle-sun {
  display: none !important;
}

html[data-theme="dark"] .theme-icon-button .theme-toggle-moon,
html[data-bs-theme="dark"] .theme-icon-button .theme-toggle-moon {
  display: block !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not([data-bs-theme="light"]) .theme-icon-button .theme-toggle-sun {
    display: none !important;
  }

  html:not([data-theme="light"]):not([data-bs-theme="light"]) .theme-icon-button .theme-toggle-moon {
    display: block !important;
  }
}