.brandy-dark-mode-editor-toggle {
  min-width: 32px;
  justify-content: center;
  padding: 0;
}

/* Icon containers */
.brandy-dark-mode-editor-toggle__sun,
.brandy-dark-mode-editor-toggle__moon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brandy-dark-mode-editor-toggle__sun svg,
.brandy-dark-mode-editor-toggle__moon svg {
  width: 20px;
  height: 20px;
}

/* Default state (light mode): show sun */
.brandy-dark-mode-editor-toggle__sun {
  display: flex;
}

.brandy-dark-mode-editor-toggle__moon {
  display: none;
}

/* Dark mode state: show moon */
.brandy-dark-mode-editor-toggle.is-dark .brandy-dark-mode-editor-toggle__sun {
  display: none;
}

.brandy-dark-mode-editor-toggle.is-dark .brandy-dark-mode-editor-toggle__moon {
  display: flex;
}