.demo-switch{display:inline-flex;align-items:center;gap:6px;flex:none;height:28px;padding:0 10px 0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#16263b;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:0 1px 4px #00000040}.demo-switch:hover{border-color:#fff9}.demo-switch:disabled{opacity:.6;cursor:progress}.demo-switch__track{position:relative;width:28px;height:16px;border-radius:999px;background:#ffffff4d;transition:background .15s}.demo-switch__knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s}.demo-switch.is-on .demo-switch__track{background:#f59f00}.demo-switch.is-on .demo-switch__knob{left:14px}.demo-switch__state{min-width:22px;text-align:left}.demo-switch--float{position:fixed;top:6px;left:12px;z-index:45}@media(max-width:600px){.demo-switch--float{left:8px}.demo-switch--float>span:not(.demo-switch__track){display:none}.site:has(.demo-switch--float) .topbar__search{max-width:calc(100% - 140px)}}@media print{.demo-switch{display:none}}