.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:Inter,sans-serif;cursor:default}.toggle-switch--small{gap:8px}.toggle-switch--medium{gap:12px}.toggle-switch--large{gap:16px}.toggle-switch--label-left{flex-direction:row-reverse}.toggle-switch--label-top{flex-direction:column;align-items:flex-start}.toggle-switch--label-bottom{flex-direction:column-reverse;align-items:flex-start}.toggle-switch__track{position:relative;display:inline-block;border:none;padding:0;margin:0;cursor:pointer;outline:none;background-color:var(--gray-300);border-radius:9999px;transition:background-color .6s ease-in-out,box-shadow .6s ease-in-out;box-shadow:0 2px 4px #0000001a,inset 0 1px 2px #0000000d;flex-shrink:0}.toggle-switch--small .toggle-switch__track{width:36px;height:20px}.toggle-switch--medium .toggle-switch__track{width:44px;height:24px}.toggle-switch--large .toggle-switch__track{width:52px;height:28px}.toggle-switch__track--checked{background-color:var(--blue-600);box-shadow:0 2px 4px color-mix(in srgb,var(--blue-600) 20%,transparent),inset 0 1px 2px #0000000d}.toggle-switch__track--unchecked{background-color:var(--gray-300);box-shadow:0 2px 4px #0000001a,inset 0 1px 2px #0000000d}.toggle-switch__track:hover:not(:disabled){box-shadow:0 3px 6px #00000026,inset 0 1px 2px #0000000d}.toggle-switch__track--checked:hover:not(:disabled){box-shadow:0 3px 6px color-mix(in srgb,var(--blue-600) 30%,transparent),inset 0 1px 2px #0000000d}.toggle-switch__track:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px;border-radius:9999px}.toggle-switch__track:active:not(:disabled){transform:scale(.98)}.toggle-switch__track:disabled{opacity:.5;cursor:not-allowed}.toggle-switch--disabled .toggle-switch__track{opacity:.5;cursor:not-allowed}.toggle-switch__knob{position:absolute;top:50%;transform:translateY(-50%);display:block;background-color:var(--white);border-radius:50%;transition:transform .6s ease-in-out,box-shadow .6s ease-in-out;box-shadow:0 2px 4px #0003,inset 0 -1px 2px #0000001a;pointer-events:none}.toggle-switch--small .toggle-switch__knob{width:20px;height:20px;left:0}.toggle-switch--medium .toggle-switch__knob{width:24px;height:24px;left:0}.toggle-switch--large .toggle-switch__knob{width:28px;height:28px;left:0}.toggle-switch--small .toggle-switch__knob--checked{transform:translate(16px,-50%)}.toggle-switch--medium .toggle-switch__knob--checked{transform:translate(20px,-50%)}.toggle-switch--large .toggle-switch__knob--checked{transform:translate(24px,-50%)}.toggle-switch__knob--unchecked{transform:translateY(-50%)}.toggle-switch__knob--checked{box-shadow:0 2px 6px #00000040,inset 0 -1px 2px #0000001a}.toggle-switch__label{font-size:14px;font-weight:400;color:var(--text-primary);font-family:Inter,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;line-height:1.5}.toggle-switch--small .toggle-switch__label{font-size:12px}.toggle-switch--large .toggle-switch__label{font-size:16px}.toggle-switch--disabled .toggle-switch__label{opacity:.5;cursor:not-allowed}.toggle-switch--label-top .toggle-switch__label,.toggle-switch--label-bottom .toggle-switch__label{width:100%}@media (max-width: 768px){.toggle-switch{gap:10px}.toggle-switch__label{font-size:13px}.toggle-switch--small .toggle-switch__label{font-size:11px}.toggle-switch--large .toggle-switch__label{font-size:15px}}@media (prefers-reduced-motion: reduce){.toggle-switch__track,.toggle-switch__knob{transition:none}}