.theme-switcher {
  position: relative;
}
.theme-switcher__button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
  padding: 8px;
}
.theme-switcher__button:hover {
  opacity: 0.8;
}
.theme-switcher__inner {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-switcher__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.theme-switcher__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.theme-switcher__icon-light {
  display: block;
}
.theme-switcher__icon-dark {
  display: none;
}