:root {
  --dms-dark-background: #181818;
  --dms-dark-mode-switcher-color-filter: invert(0%) sepia(28%) saturate(1433%) hue-rotate(333deg) brightness(79%) contrast(81%);
  --dms-white-button-gradient: to bottom, #fff, #f5f5f5;
  --dms-white-background: #fff;
  --dms-black-button-gradient: to bottom, #181818, #111;
  --dms-white-mode-switcher-color-filter: invert(99%) sepia(35%) saturate(171%) hue-rotate(266deg) brightness(110%) contrast(87%);
}

.dark_mode_container {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.25rem;
  justify-content: flex-end;
}
.dark_mode_container > div {
  align-items: center;
  display: flex;
}
.dark_mode_container svg {
  aspect-ratio: 1/1;
  filter: var(--dms-dark-mode-switcher-color-filter);
  width: 1rem;
}

html.dark-mode .dark_mode_container svg {
  filter: var(--dms-white-mode-switcher-color-filter);
}

input.dark_mode_switcher[type=checkbox] {
  appearance: none;
  background: var(--dms-dark-background);
  border-radius: 1rem;
  cursor: pointer;
  height: 1rem;
  outline: none;
  position: relative;
  transition: 0.5s;
  width: 2rem;
}
input.dark_mode_switcher[type=checkbox]::before {
  background: linear-gradient(var(--dms-white-button-gradient));
  border-radius: 1rem;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.9);
  transition: 0.5s;
  width: 1rem;
}
input.dark_mode_switcher[type=checkbox]:checked {
  background: var(--dms-white-background);
  box-shadow: inset 0 0.125rem 1rem rgba(0, 0, 0, 0.1), inset 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1), inset 0 -0.25rem 0.25rem rgba(0, 0, 0, 0.05);
}
input.dark_mode_switcher[type=checkbox]:checked::before {
  left: 1rem;
  background: linear-gradient(var(--dms-black-button-gradient));
}/*# sourceMappingURL=nxt_dark_mode_switcher.css.map */