/* A .switch is either a compact slider or a labelled settings row. Keep their
   layouts distinct: older global rules used a 44px width for both. */
body label.switch.statix-switch-control,
body label.toggle.statix-switch-control {
  display:inline-block!important; position:relative!important; box-sizing:border-box!important;
  width:44px!important; min-width:44px!important; max-width:44px!important;
  height:26px!important; min-height:26px!important; flex:0 0 44px!important;
  margin:0!important; padding:0!important; border:0!important; vertical-align:middle;
  cursor:pointer; line-height:1!important; background:transparent!important;
}
body .statix-switch-control::before,
body .statix-switch-control::after,
body .statix-switch-input::before,
body .statix-switch-input::after,
body .statix-switch-row::before,
body .statix-switch-row::after,
body .statix-switch-row > input[type=checkbox]::before,
body .statix-switch-row > input[type=checkbox]::after {
  content:none!important; display:none!important;
}
body .statix-switch-control > input.statix-switch-input {
  display:block!important; position:absolute!important; inset:0!important;
  box-sizing:border-box!important; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:none!important;
  margin:0!important; padding:0!important; border:0!important; opacity:0!important;
  appearance:none!important; transform:none!important; z-index:2!important;
  cursor:inherit; pointer-events:auto!important;
}
body .statix-switch-control > .statix-switch-track {
  display:block!important; position:absolute!important; inset:0!important;
  box-sizing:border-box!important; width:44px!important; height:26px!important;
  margin:0!important; padding:0!important; flex:none!important;
  border:1px solid var(--border,var(--sx-line,#45516a))!important;
  border-radius:999px!important; background:var(--panel-2,var(--sx-panel-3,#263047))!important;
  pointer-events:none!important; transition:background .16s,border-color .16s;
}
body .statix-switch-control > .statix-switch-track::before {
  content:""!important; display:block!important; position:absolute!important;
  inset:auto!important; top:3px!important; left:3px!important;
  width:18px!important; height:18px!important; min-width:18px!important;
  border:0!important; border-radius:50%!important;
  background:var(--text-soft,var(--sx-text-soft,#c8d2e7))!important;
  box-shadow:none!important; transform:translateX(0)!important;
  transition:transform .16s,background .16s;
}
body .statix-switch-control > .statix-switch-track::after {content:none!important;display:none!important}
body .statix-switch-control > input.statix-switch-input:checked + .statix-switch-track {
  background:var(--accent,var(--sx-accent,#8baaff))!important;
  border-color:var(--accent,var(--sx-accent,#8baaff))!important;
}
body .statix-switch-control > input.statix-switch-input:checked + .statix-switch-track::before {
  transform:translateX(18px)!important;
  background:var(--sx-on-accent,#111725)!important;
}
body .statix-switch-control > input.statix-switch-input:focus-visible + .statix-switch-track {
  outline:2px solid var(--accent,var(--sx-accent,#8baaff))!important; outline-offset:3px;
}
body .statix-switch-control:has(> input:disabled) {opacity:.5;cursor:not-allowed}
body label.switch.statix-switch-row,
body label.toggle.statix-switch-row,
body label.cc-toggle.statix-switch-row,
body label.cc-master.statix-switch-row,
body label.switchbox.statix-switch-row,
body label.small-switch.statix-switch-row,
body label.switch-row.statix-switch-row {
  display:flex!important; position:static!important; align-items:flex-start!important;
  gap:12px!important; box-sizing:border-box!important; width:100%!important;
  min-width:0!important; max-width:100%!important; height:auto!important;
  min-height:0!important; flex:1 1 auto!important; cursor:pointer;
}
body .statix-switch-row > input[type=checkbox] {
  display:block!important; appearance:auto!important; position:static!important;
  inset:auto!important; opacity:1!important; transform:none!important;
  box-sizing:border-box!important; width:20px!important; height:20px!important;
  min-width:20px!important; min-height:20px!important; flex:0 0 20px!important;
  margin:2px 0 0!important; padding:0!important; float:none!important;
  accent-color:var(--accent,var(--sx-accent,#8baaff)); cursor:inherit;
}
body .statix-switch-row > span {min-width:0!important;max-width:100%!important;flex:1 1 0%!important}
body .statix-switch-row > input[type=checkbox]:focus-visible {outline:2px solid var(--accent,#8baaff);outline-offset:3px}
body .statix-switch-row:has(> input:disabled) {opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce) {
  body .statix-switch-track,body .statix-switch-track::before {transition:none!important}
}