.theme-switcher[data-v-104c9780] {
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--slax-radius-sm);
  height: 28px;
}
.theme-switcher .theme-btn[data-v-104c9780] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
  color: var(--slax-text-light);
  transition: all .2s;
  flex-shrink: 0;
  border-radius: 6px;
}
.theme-switcher .theme-btn[data-v-104c9780]:hover {
  color: var(--slax-text);
}
.theme-switcher .theme-btn.active[data-v-104c9780] {
  color: var(--slax-accent);
}
.theme-switcher .theme-btn[data-v-104c9780]:not(.active) {
  width: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
}
.theme-switcher:hover .theme-btn[data-v-104c9780]:not(.active) {
  width: 28px;
  opacity: 1;
}
.theme-switcher .theme-btn-skeleton[data-v-104c9780] {
  height: 28px;
  width: 28px;
  background: var(--slax-surface);
}
.sr-only[data-v-104c9780] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}