.jelly-toggle{--toggle-w:48px;--toggle-h:24px;--knob-size:18px;--pad:3px;--travel:calc(var(--toggle-w) - var(--knob-size) - var(--pad) * 2);width:var(--toggle-w);height:var(--toggle-h);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.jelly-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}.jelly-toggle__track{background:var(--border);border-radius:999px;align-items:center;width:100%;height:100%;transition:background .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.jelly-toggle[data-theme=dark] .jelly-toggle__track{background:#1a1714;box-shadow:inset 0 1px 3px #00000080,0 0 0 1px #2d2924}.jelly-toggle[data-theme=light] .jelly-toggle__track{background:linear-gradient(135deg,#e8dfd0,#d4cec4);box-shadow:inset 0 1px 2px #0000000d,0 0 0 1px #0000000a}.jelly-toggle__stars{pointer-events:none;opacity:0;transition:opacity .4s .1s;position:absolute;inset:0}.jelly-toggle[data-theme=dark] .jelly-toggle__stars{opacity:1}.jelly-toggle__star{background:#f0ece6cc;border-radius:50%;width:2px;height:2px;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.jelly-toggle__clouds{pointer-events:none;opacity:0;transition:opacity .4s .1s;position:absolute;inset:0}.jelly-toggle[data-theme=light] .jelly-toggle__clouds{opacity:1}.jelly-toggle__cloud{background:#ffffff80;border-radius:999px;animation:4s ease-in-out infinite cloud-drift;position:absolute}@keyframes cloud-drift{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(-2px)}}.jelly-toggle__knob{top:var(--pad);left:var(--pad);width:var(--knob-size);height:var(--knob-size);z-index:2;background:#faf0d4;border-radius:50%;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 1px 3px #0000001f,0 0 0 1px #b68a1a26}.jelly-toggle[data-theme=light] .jelly-toggle__knob{background:#faf0d4;animation:3s ease-in-out infinite sun-glow;box-shadow:0 1px 4px #b68a1a40,0 0 12px #b68a1a1f,0 0 0 1px #b68a1a1a}@keyframes sun-glow{0%,to{box-shadow:0 1px 4px #b68a1a40,0 0 12px #b68a1a1f,0 0 0 1px #b68a1a1a}50%{box-shadow:0 1px 4px #b68a1a59,0 0 18px #b68a1a33,0 0 0 1px #b68a1a26}}.jelly-toggle[data-theme=dark] .jelly-toggle__knob{transform:translateX(var(--travel));background:#c9ccd1;animation:none;box-shadow:0 1px 4px #0006,0 0 8px #a0aac81a}.jelly-toggle:active .jelly-toggle__knob{animation:.3s jellySquish!important}@keyframes jellySquish{0%{transform:translateX(var(--_tx,0px)) scale(1, 1)}30%{transform:translateX(var(--_tx,0px)) scale(1.18, .82)}50%{transform:translateX(var(--_tx,0px)) scale(.88, 1.12)}70%{transform:translateX(var(--_tx,0px)) scale(1.06, .94)}to{transform:translateX(var(--_tx,0px)) scale(1, 1)}}.jelly-toggle[data-theme=light]:active .jelly-toggle__knob{--_tx:0px}.jelly-toggle[data-theme=dark]:active .jelly-toggle__knob{--_tx:var(--travel)}.jelly-toggle__sun-core{background:#d4a017;border-radius:50%;width:8px;height:8px;transition:opacity .3s,transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute}.jelly-toggle[data-theme=light] .jelly-toggle__sun-core{opacity:1;transform:scale(1)}.jelly-toggle[data-theme=dark] .jelly-toggle__sun-core{opacity:0;transform:scale(0)}.jelly-toggle__rays{width:100%;height:100%;transition:opacity .3s,transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute}.jelly-toggle[data-theme=light] .jelly-toggle__rays{opacity:1;animation:12s linear infinite ray-spin;transform:rotate(0)}@keyframes ray-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jelly-toggle[data-theme=dark] .jelly-toggle__rays{opacity:0;animation:none;transform:rotate(90deg)}.jelly-toggle__ray{transform-origin:50% calc(100% + 4px);opacity:.7;background:#d4a017;border-radius:1px;width:2px;height:4px;margin-top:-12px;margin-left:-1px;position:absolute;top:50%;left:50%}.jelly-toggle__crescent{border-radius:50%;width:12px;height:12px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;top:2px;right:1px}.jelly-toggle[data-theme=dark] .jelly-toggle__crescent{opacity:1;background:#1a1714;transform:scale(1)translate(0)}.jelly-toggle[data-theme=light] .jelly-toggle__crescent{opacity:0;background:0 0;transform:scale(0)translate(4px,-4px)}