/* Theme toggle icons — matches desktop app v0.3/app (theme-day.svg / theme-night.svg). */
.sps-theme-toggle-icons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 1;
}

.sps-theme-toggle-icon {
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

html[data-sps-theme="light"] .sps-theme-toggle-icon--to-dark {
  display: flex;
}

html[data-sps-theme="dark"] .sps-theme-toggle-icon--to-light,
html:not([data-sps-theme="light"]) .sps-theme-toggle-icon--to-light {
  display: flex;
}

.sps-theme-toggle-icon .sps-ui-icon-img {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}