.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;min-width:44px;height:24px;display:inline-block;position:relative}.toggle-switch .toggle-switch-input{opacity:0;width:0;height:0}.toggle-switch .toggle-switch-slider{background:var(--gray-300);border-radius:24px;transition:background .3s;position:absolute;inset:0}.toggle-switch .toggle-switch-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;bottom:3px;left:3px}.toggle-switch .toggle-switch-input:checked+.toggle-switch-slider{background:var(--primary)}.toggle-switch .toggle-switch-input:checked+.toggle-switch-slider:before{transform:translate(20px)}.toggle-switch.toggle-switch--disabled{cursor:not-allowed;opacity:.5}