.toggle{display:inline-flex;align-items:center;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.toggle-sm{width:36px;height:20px}.toggle-md{width:44px;height:24px}.toggle-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.toggle-track{width:100%;height:100%;background:var(--color-gray-200);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;background:var(--color-white, #fff);border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform var(--transition-fast)}.toggle-sm .toggle-track:after{width:16px;height:16px}.toggle-md .toggle-track:after{width:20px;height:20px}.toggle-input:checked+.toggle-track{background:var(--bg-brand-solid)}.toggle-sm .toggle-input:checked+.toggle-track:after{transform:translate(16px)}.toggle-md .toggle-input:checked+.toggle-track:after{transform:translate(20px)}.toggle-input:focus-visible+.toggle-track{box-shadow:0 0 0 3px var(--color-brand-100)}.toggle:not(.toggle-disabled):hover .toggle-track{background:var(--color-gray-300)}.toggle:not(.toggle-disabled):hover .toggle-input:checked+.toggle-track{background:var(--bg-brand-solid-hover)}.toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-disabled .toggle-track{cursor:not-allowed}.toggle-field{display:flex;align-items:flex-start}.toggle-field-inline{align-items:center}.toggle-field-inline .toggle{margin-top:0}.toggle-field-sm{gap:var(--spacing-md)}.toggle-field-sm .toggle{margin-top:0}.toggle-field-md{gap:var(--spacing-lg)}.toggle-field-md .toggle{margin-top:1px}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-label{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer}.toggle-field-sm .toggle-label,.toggle-field-md .toggle-label{font-size:var(--text-sm);line-height:var(--leading-sm)}.toggle-supporting{font-family:var(--font-family-body);font-weight:var(--font-regular);color:var(--text-tertiary)}.toggle-field-sm .toggle-supporting{font-size:var(--text-xs);line-height:var(--leading-xs)}.toggle-field-md .toggle-supporting{font-size:var(--text-sm);line-height:var(--leading-sm)}.toggle-field-disabled .toggle-label,.toggle-field-disabled .toggle-supporting{color:var(--text-disabled)}.toggle-field-disabled .toggle-label{cursor:not-allowed}