.lever-switch{--ls-surface:#e5e7eb;--ls-surface-light:#f3f4f6;--ls-surface-dark:#d1d5db;--ls-shadow:#0003;--ls-shadow-strong:#0000004d;--ls-icon:#9ca3af;--ls-glow:#10b981;--ls-glow-70:#10b981b3;--ls-glow-50:#10b98180;--ls-glow-30:#10b9814d;--ls-glow-80:#10b981cc;--ls-ease:.3s cubic-bezier(.83,0,.17,1)}.lever-switch--blue{--ls-glow:#3b82f6;--ls-glow-80:#3b82f6cc;--ls-glow-70:#3b82f6b3;--ls-glow-50:#3b82f680;--ls-glow-30:#3b82f64d}.lever-switch--red{--ls-glow:#ef4444;--ls-glow-80:#ef4444cc;--ls-glow-70:#ef4444b3;--ls-glow-50:#ef444480;--ls-glow-30:#ef44444d}.lever-switch--amber{--ls-glow:#f59e0b;--ls-glow-80:#f59e0bcc;--ls-glow-70:#f59e0bb3;--ls-glow-50:#f59e0b80;--ls-glow-30:#f59e0b4d}.lever-switch--violet{--ls-glow:#8b5cf6;--ls-glow-80:#8b5cf6cc;--ls-glow-70:#8b5cf6b3;--ls-glow-50:#8b5cf680;--ls-glow-30:#8b5cf64d}.lever-switch--slate{--ls-glow:#64748b;--ls-glow-80:#64748bcc;--ls-glow-70:#64748bb3;--ls-glow-50:#64748b80;--ls-glow-30:#64748b4d}:is(.dark,[data-theme=dark]) .lever-switch{--ls-surface:#374151;--ls-surface-light:#4b5563;--ls-surface-dark:#1f2937;--ls-shadow:#0006;--ls-shadow-strong:#00000080;--ls-icon:#6b7280}.lever-switch{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--ls-surface);box-shadow:inset 0 4.375em 2em var(--ls-shadow),inset 0 .125em 0 var(--ls-surface),0 0 .375em #00000026;transition:all var(--ls-ease);border-radius:.375rem;display:block;position:relative}.lever-switch--sm{width:2.5rem;height:5.8rem;font-size:10px}.lever-switch--md{width:3.75rem;height:8.75rem;font-size:16px}.lever-switch--lg{width:5rem;height:11.7rem;font-size:21px}.lever-switch--horizontal.lever-switch--sm{width:5.8rem;height:2.5rem}.lever-switch--horizontal.lever-switch--md{width:8.75rem;height:3.75rem}.lever-switch--horizontal.lever-switch--lg{width:11.7rem;height:5rem}.lever-switch--disabled{opacity:.5;cursor:not-allowed}.lever-switch__input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;inset:0}.lever-switch--disabled .lever-switch__input{cursor:not-allowed}.lever-switch__shadow{pointer-events:none;border-radius:inherit;width:5em;height:calc(100% - .25em);position:absolute;top:.5em;right:0;overflow:hidden}.lever-switch__shadow-top,.lever-switch__shadow-bottom{background:var(--ls-shadow);transition:all var(--ls-ease);position:absolute}.lever-switch__shadow-top{transform-origin:0 100%;border-radius:1.5em 0 0/1em 0 0;width:3em;height:50%;left:1.625em}.lever-switch__shadow-bottom{transform-origin:0 0;border-radius:.25em;width:3em;height:50%;bottom:0;left:1.625em;transform:skew(-10deg)scaleY(1)}.lever-switch--checked .lever-switch__shadow-top{transform:rotate(-10deg)}.lever-switch--checked .lever-switch__shadow-bottom{transform:skew(0)scaleY(.85)}.lever-switch--horizontal .lever-switch__shadow{width:calc(100% - .25em);height:5em;inset:0 auto 0 .5em}.lever-switch--horizontal .lever-switch__shadow-top{transform-origin:100% 0;border-radius:0 0 0 1.5em/0 0 0 1em;width:50%;height:3em;top:1.625em;left:auto;right:50%}.lever-switch--horizontal .lever-switch__shadow-bottom{transform-origin:0 0;width:50%;height:3em;top:1.625em;bottom:auto;left:50%;transform:skewY(-10deg)scaleX(1)}.lever-switch--horizontal.lever-switch--checked .lever-switch__shadow-top{transform:rotate(10deg)}.lever-switch--horizontal.lever-switch--checked .lever-switch__shadow-bottom{transform:skewY(0)scaleX(.85)}.lever-switch__body{background:var(--ls-surface);width:calc(100% - .75em);height:calc(100% - .75em);box-shadow:inset 0 0 .25em var(--ls-shadow-strong),inset .75em 0 .5em var(--ls-surface);border-radius:.25em;margin:.375em;display:block;position:relative;overflow:hidden}.lever-switch__body:after{content:"";border-radius:inherit;background:linear-gradient(to bottom,transparent,var(--ls-shadow));pointer-events:none;position:absolute;inset:0}.lever-switch--horizontal .lever-switch__body:after{background:linear-gradient(to right,transparent,var(--ls-shadow))}.lever-switch__top{background:var(--ls-surface);transform-origin:50% 100%;width:calc(100% - .25em);height:calc(50% - .125em);transition:all var(--ls-ease);border-radius:.25em .25em 0 0;justify-content:center;padding:.5em;display:flex;position:absolute;bottom:50%;left:.125em;transform:perspective(100px)rotateX(0)}.lever-switch--checked .lever-switch__top{background:var(--ls-surface-dark);transform:perspective(100px)rotateX(35deg)}.lever-switch--horizontal .lever-switch__top{transform-origin:100%;border-radius:.25em 0 0 .25em;width:calc(50% - .125em);height:calc(100% - .25em);inset:.125em 50% .125em auto;transform:perspective(100px)rotateY(0)}.lever-switch--horizontal.lever-switch--checked .lever-switch__top{transform:perspective(100px)rotateY(-35deg)}.lever-switch__circle{width:1em;height:1em;box-shadow:inset 0 0 0 .125em var(--ls-icon),inset 0 .25em 0 var(--ls-surface),0 .125em 0 var(--ls-surface);border-radius:50%}.lever-switch__bottom{background:var(--ls-surface);transform-origin:50% 0;width:calc(100% - .25em);height:calc(50% - .125em);transition:all var(--ls-ease);border-radius:0 0 .25em .25em;justify-content:center;align-items:flex-end;padding:.5em;display:flex;position:absolute;top:50%;left:.125em;transform:perspective(100px)rotateX(-35deg)}.lever-switch--checked .lever-switch__bottom{transform:perspective(100px)rotateX(0)}.lever-switch--horizontal .lever-switch__bottom{transform-origin:0;border-radius:0 .25em .25em 0;justify-content:flex-end;align-items:center;width:calc(50% - .125em);height:calc(100% - .25em);top:.125em;bottom:.125em;left:50%;transform:perspective(100px)rotateY(35deg)}.lever-switch--horizontal.lever-switch--checked .lever-switch__bottom{transform:perspective(100px)rotateY(0)}.lever-switch__led{background:var(--ls-icon);width:.25em;height:1.125em;box-shadow:inset 0 .125em 0 var(--ls-surface-dark),inset 0 -.0625em 0 var(--ls-surface),0 0 .5em transparent;transition:all var(--ls-ease);border-radius:.125em}.lever-switch--checked .lever-switch__led{background:var(--ls-glow);box-shadow:inset 0 .125em 0 var(--ls-glow-70),inset 0 -.0625em 0 var(--ls-surface),0 0 .5em var(--ls-glow-80),0 0 1em var(--ls-glow-50),0 0 1.5em var(--ls-glow-30);animation:2s ease-in-out infinite ls-pulse}.lever-switch--horizontal .lever-switch__led{width:1.125em;height:.25em}@keyframes ls-pulse{0%,to{box-shadow:inset 0 .125em 0 var(--ls-glow-70),inset 0 -.0625em 0 var(--ls-surface),0 0 .5em var(--ls-glow-80),0 0 1em var(--ls-glow-50),0 0 1.5em var(--ls-glow-30)}50%{box-shadow:inset 0 .125em 0 var(--ls-glow-70),inset 0 -.0625em 0 var(--ls-surface),0 0 .75em var(--ls-glow-80),0 0 1.5em var(--ls-glow-50),0 0 2em var(--ls-glow-30)}}.lever-switch .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}