.sd-jelly{--jelly-w:56px;--jelly-h:32px;--jelly-pad:3px;--jelly-off:#e6e1d8;--jelly-on:#1fb37a;--jelly-knob:#fff;--jelly-fg:#23201b;--jelly-muted:#857e73;--jelly-knob-size:calc(var(--jelly-h) - var(--jelly-pad) * 2);--jelly-travel:calc(var(--jelly-w) - var(--jelly-knob-size) - var(--jelly-pad) * 2);color:var(--jelly-fg);align-items:flex-start;gap:12px;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,sans-serif;display:inline-flex}:where(.dark) .sd-jelly{--jelly-off:#34302a;--jelly-knob:#f6f1e8;--jelly-fg:#efe9df;--jelly-muted:#9b9386}.sd-jelly__track{width:var(--jelly-w);height:var(--jelly-h);background:var(--jelly-off);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;flex:none;padding:0;transition:background-color .36s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:inset 0 1px 3px #0000001f}.sd-jelly__track[data-checked]{background:var(--jelly-on)}.sd-jelly__track:focus-visible{outline:2px solid var(--jelly-on);outline-offset:3px}.sd-jelly__track:disabled{opacity:.45;cursor:not-allowed}.sd-jelly__knob{top:var(--jelly-pad);left:var(--jelly-pad);width:var(--jelly-knob-size);height:var(--jelly-knob-size);background:var(--jelly-knob);border-radius:999px;transition:transform .52s cubic-bezier(.34,1.56,.64,1),width .2s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(0);box-shadow:0 2px 4px #00000024,0 6px 12px -4px #0000002e}.sd-jelly__track[data-checked] .sd-jelly__knob{transform:translateX(var(--jelly-travel))}.sd-jelly__track:active:not(:disabled) .sd-jelly__knob{width:calc(var(--jelly-knob-size) + 8px)}.sd-jelly__track[data-checked]:active:not(:disabled) .sd-jelly__knob{transform:translateX(calc(var(--jelly-travel) - 8px))}.sd-jelly__knob[data-wobble]{animation:.62s cubic-bezier(.22,1,.36,1) sd-jelly-wobble}@keyframes sd-jelly-wobble{0%{scale:1.18 .84}35%{scale:.9 1.1}60%{scale:1.05 .96}to{scale:1}}.sd-jelly__shine{filter:blur(1px);opacity:.7;background:#ffffffe6;border-radius:50%;width:34%;height:22%;position:absolute;top:18%;left:22%}.sd-jelly__text{cursor:pointer;gap:2px;padding-top:4px;display:grid}.sd-jelly__label{letter-spacing:-.01em;font-size:15px;font-weight:600}.sd-jelly__desc{color:var(--jelly-muted);font-size:13px}@media (prefers-reduced-motion:reduce){.sd-jelly__knob{transition-duration:1ms;animation:none!important}}
