.toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toggle:focus-visible{outline:none}.toggle:focus-visible .toggle-track{box-shadow:0 0 0 .1875rem var(--color-input-focus-ring)}.toggle-track{background:var(--color-border);border-radius:62.4375rem;width:2.75rem;height:1.5rem;transition:background .2s;position:relative}.toggle.toggle-on .toggle-track{background:var(--color-primary)}.toggle-thumb{background:var(--color-on-primary);width:1.25rem;height:1.25rem;box-shadow:0 var(--hairline) .1875rem var(--color-shadow-tint-strong);border-radius:50%;transition:transform .2s;position:absolute;top:.125rem;left:.125rem}.toggle.toggle-on .toggle-thumb{transform:translate(1.25rem)}.toggle-disabled{cursor:default;opacity:.55}.toggle-disabled .toggle-track{background:var(--color-border)}.toggle-disabled.toggle-on .toggle-track{background:color-mix(in srgb, var(--color-primary) 60%, var(--color-border))}