/* Keep the live-status thumb inside its track in both states. */
section[aria-labelledby="live-status-setting"] button[role="switch"] {
  width: 48px;
  height: 28px;
}
section[aria-labelledby="live-status-setting"] button[role="switch"] > span {
  left: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
  translate: 0 0;
  transform: none;
  pointer-events: none;
  transition: left 180ms ease-out;
}
section[aria-labelledby="live-status-setting"] button[role="switch"][aria-checked="true"] > span {
  left: 24px;
}
/* Native button typography is inherited in the existing sidebar. */
#nh-settlement-navigation {
  font: inherit;
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
  section[aria-labelledby="live-status-setting"] button[role="switch"] > span {
    transition: none;
  }
}