: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{display:inline-flex;align-items:center;gap:8px}.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{position:relative;width:var(--msw-w);height:var(--msw-h);border-radius:calc(var(--msw-h) / 2);background:var(--neutral-300);background:var(--msw-track-off);outline:none;cursor:pointer;transition:background-color .2s ease}.msw.is-on{background:var(--secondary-5);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(--neutral-400);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--msw-ring)}.msw-track-grad{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(90deg,rgba(37,99,235,.25),rgba(29,78,216,.25))}.msw-track-grad.is-on{opacity:1}.msw-knob{position:absolute;top:2px;left:2px;width:var(--msw-knob);height:var(--msw-knob);transform:translateY(-50%);border-radius:9999px;background:var(--neutral-100);background:var(--msw-knob-bg);box-shadow:0 1px 2px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.12)}.msw-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--neutral-800);cursor:pointer}.msw-label.is-disabled{cursor:not-allowed}.msw-note{font-size:.85rem;color:#6b7280}