:root{--msw-track-on:var(--secondary-5);--msw-track-off:var(--neutral-300);--msw-track-off-dark:var(--neutral-300);--msw-ring:var(--neutral-400);--msw-knob-bg:var(--neutral-100)}@media (prefers-color-scheme:dark){:root{--msw-track-off:var(--msw-track-off-dark)}}.msw-root{align-items:center;gap:8px;display:inline-flex}.msw-root.is-disabled{opacity:.6}.msw-sm{--msw-w:36px;--msw-h:20px;--msw-knob:16px}.msw-md{--msw-w:44px;--msw-h:24px;--msw-knob:20px}.msw-lg{--msw-w:56px;--msw-h:28px;--msw-knob:24px}.msw{width:var(--msw-w);height:var(--msw-h);border-radius:calc(var(--msw-h) / 2);background:var(--msw-track-off);cursor:pointer;outline:none;transition:background-color .2s;position:relative}.msw.is-on{background:var(--msw-track-on)}.msw.is-disabled{cursor:not-allowed}.msw:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--msw-ring)}.msw-track-grad{border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,#2563eb40,#1d4ed840);transition:opacity .2s;position:absolute;inset:0}.msw-track-grad.is-on{opacity:1}.msw-knob{width:var(--msw-knob);height:var(--msw-knob);background:var(--msw-knob-bg);border-radius:9999px;position:absolute;top:2px;left:2px;transform:translateY(-50%);box-shadow:0 1px 2px #0003,0 4px 8px #0000001f}.msw-label{-webkit-user-select:none;user-select:none;color:var(--neutral-800);cursor:pointer}.msw-label.is-disabled{cursor:not-allowed}.msw-note{color:#6b7280;font-size:.85rem}