.toggle{cursor:pointer;font-family:var(--font-body);letter-spacing:0;color:var(--color-text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:400;line-height:1.5;display:inline-flex}.toggle__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle__track{box-sizing:border-box;border-style:solid;border-color:var(--color-border-control);background-color:var(--color-surface-raised);border-width:1px;border-radius:20px;flex-shrink:0;align-items:center;width:44px;height:24px;padding:1px;transition:background-color .3s,border-color .3s;display:inline-flex}.toggle__knob{box-sizing:border-box;border:1px solid var(--color-border-control);background-color:var(--color-surface-raised);width:20px;height:20px;box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;transition:transform .3s}@media (prefers-reduced-motion:reduce){.toggle__knob{transition:none}}.toggle__label{line-height:1.5}.toggle:not(.toggle--disabled):hover .toggle__input:not(:checked)+.toggle__track{background-color:var(--color-action-subtle)}.toggle__input:checked+.toggle__track{background-color:var(--color-action-primary);border-color:#0000}.toggle__input:checked+.toggle__track .toggle__knob{transform:translate(20px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-contrast)}.toggle--disabled{cursor:not-allowed;opacity:.5}.toggle--disabled .toggle__track{border-color:var(--color-border-strong)}.toggle--disabled .toggle__input:not(:checked)+.toggle__track{background-color:var(--color-bg-subtle)}.toggle--disabled .toggle__input:checked+.toggle__track{background-color:var(--color-action-subtle-strong)}.toggle--disabled .toggle__knob{border-color:var(--color-border-strong)}