.theme-picker {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 30;
}

.theme-picker:not(:defined) {
  display: none;
}

.theme-picker sl-menu-label {
  white-space: nowrap;
}

.theme-picker sl-menu-label kbd {
  margin-left: 0.5rem;
}

@media screen and (max-width: 768px) {
  .theme-picker {
    top: 0.5rem;
    right: 0.5rem;
  }

  .theme-picker sl-menu-label {
    display: none;
  }
}
