.settings-toggle:hover {
  background: var(--surface-soft) !important;
  box-shadow: none !important;
}

.settings-toggle-box {
  background: var(--border-strong) !important;
  box-shadow: inset 0 0 0 1px #d2d7e0 !important;
}

.settings-toggle-box::after {
  background: var(--surface) !important;
  box-shadow: 0 2px 5px rgba(30, 41, 59, .18);
}

.settings-toggle input:checked + .settings-toggle-box {
  background: var(--accent) !important;
  box-shadow: inset 0 0 0 1px var(--accent-strong) !important;
}

.settings-toggle input:checked + .settings-toggle-box::after {
  background: var(--surface) !important;
}