sb-toggle{display:inline-grid;min-width:50px;min-height:44px;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-toggle__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;opacity:0;pointer-events:none}.sb-toggle__pill{width:50px;height:28px;border-radius:999px;background:var(--st-content-2);position:relative;transition:background-color .2s ease;border:1px solid var(--st-line);box-sizing:border-box}.sb-toggle__knob{position:absolute;top:1px;left:1px;width:24px;height:24px;border-radius:50%;background:var(--st-text-muted);transition:transform .2s ease,background-color .2s ease}sb-toggle[data-checked=true] .sb-toggle__pill{background:var(--st-accent)}sb-toggle[data-checked=true] .sb-toggle__knob{background:var(--st-accent-dark);transform:translate(22px)}