.toggle{cursor:pointer;display:inline-flex;position:relative}.toggle:has(.toggle__input:disabled){cursor:not-allowed;opacity:.6}.toggle__input{opacity:0;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;top:0;left:0;overflow:hidden}.toggle__track{background:var(--muted-bg);border:1px solid var(--border);border-radius:12px;width:44px;height:24px;transition:background .2s,border-color .2s;display:block;position:relative}.toggle__track:after{content:"";background:var(--text);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle__input:checked+.toggle__track:after{transform:translate(20px)}.toggle--default .toggle__input:checked+.toggle__track{background:var(--accent);border-color:var(--accent)}.toggle--default .toggle__input:checked+.toggle__track:after{background:var(--text-on-accent)}.toggle--success .toggle__input:checked+.toggle__track{background:var(--success);border-color:var(--success)}.toggle--success .toggle__input:checked+.toggle__track:after{background:var(--text-on-success)}.toggle--danger .toggle__input:checked+.toggle__track{background:var(--danger);border-color:var(--danger)}.toggle--danger .toggle__input:checked+.toggle__track:after{background:var(--text-on-danger)}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}@media (max-width:768px){.toggle{min-height:var(--layout-touch-min);align-items:center}}