.ms-switch{--ms-w:36px;--ms-h:20px;--ms-pad:2px;--ms-knob:16px;--ms-travel:calc(var(--ms-w) - var(--ms-knob) - var(--ms-pad) * 2);--ms-brand-from:#bf66ff;--ms-brand-mid:#6248ff;--ms-brand-to:#00ddeb;--ms-ease:cubic-bezier(0.34,1.56,0.64,1);--ms-dur:260ms;position:relative;display:inline-flex;flex:none;align-items:center;box-sizing:border-box;width:var(--ms-w);height:var(--ms-h);margin:0;padding:0;border:0;border-radius:999px;background:none;appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ms-switch:after{content:"";position:absolute;inset:-6px -4px;border-radius:14px}.ms-switch:focus-visible{outline:2px solid var(--color-violet,#8b7bff);outline-offset:2px;border-radius:999px}.ms-track{position:absolute;inset:0;box-sizing:border-box;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background-color:rgba(255,255,255,.05);background-image:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:240% 100%;background-position:130% 0;background-repeat:no-repeat;box-shadow:inset 0 1px 2px rgba(0,0,0,.5),inset 0 0 2px rgba(191,102,255,0),inset 0 0 7px rgba(0,221,235,0),0 0 10px -1px rgba(98,72,255,0),0 0 16px -4px rgba(0,221,235,0);transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease}.ms-switch[data-on=true] .ms-track{background-color:rgba(98,72,255,.26);border-color:rgba(191,102,255,.7);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),inset 0 0 2px rgba(191,102,255,.75),inset 0 0 7px rgba(0,221,235,.4),0 0 10px -1px rgba(98,72,255,.7),0 0 16px -4px rgba(0,221,235,.45)}html[data-motion=full] .ms-switch[data-on=true] .ms-track,html[data-motion=soft] .ms-switch[data-on=true] .ms-track{animation:ms-sweep .52s ease-out both}@keyframes ms-sweep{0%{background-position:130% 0}to{background-position:-40% 0}}.ms-knob{position:absolute;top:var(--ms-pad);left:var(--ms-pad);display:block;box-sizing:border-box;width:var(--ms-knob);height:var(--ms-knob);border-radius:999px;background:linear-gradient(160deg,#4a4e6b,#23253a);box-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(191,102,255,0),0 0 12px -2px rgba(0,221,235,0);transform:translateX(0);transition:transform var(--ms-dur) var(--ms-ease),box-shadow .26s ease}.ms-face{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--ms-brand-from) 0,var(--ms-brand-mid) 51%,var(--ms-brand-to) 100%);opacity:0;transition:opacity .26s ease}.ms-switch[data-on=true] .ms-knob{transform:translateX(var(--ms-travel));box-shadow:0 1px 3px rgba(0,0,0,.5),0 0 6px rgba(191,102,255,.85),0 0 12px -2px rgba(0,221,235,.6)}.ms-switch[data-on=true] .ms-face{opacity:1}.ms-core{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:999px;background:rgba(255,255,255,.42);box-shadow:0 0 4px rgba(255,255,255,0),0 0 8px rgba(0,221,235,0);transition:background-color .26s ease,box-shadow .26s ease}.ms-switch[data-on=true] .ms-core{background-color:#ffffff;box-shadow:0 0 4px rgba(255,255,255,.95),0 0 8px rgba(0,221,235,.9)}.ms-ripple{position:absolute;inset:0;border-radius:999px;border:1.5px solid rgba(255,255,255,.75);box-shadow:0 0 6px rgba(0,221,235,.8);opacity:0;transform:scale(1);pointer-events:none}@keyframes ms-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}html[data-motion=full] .ms-switch[data-level=full][data-on=true] .ms-ripple{animation:ms-ripple .62s cubic-bezier(.22,.61,.36,1) both}html[data-motion=off] .ms-switch,html[data-motion=soft] .ms-switch{--ms-ease:cubic-bezier(0.22,1,0.36,1);--ms-dur:180ms}