.switch{--switch-track-width:40px;--switch-track-height:24px;--switch-track-padding:3px;--switch-knob-size:calc(var(--switch-track-height) - (var(--switch-track-padding) * 2));--switch-knob-translate-max:calc(var(--switch-track-width) - var(--switch-knob-size) - (var(--switch-track-padding) * 2));--switch-knob-translate:0px;color:var(--neutral-content-main-titles);align-items:center;gap:var(--space-12);flex-direction:row;width:100%;display:flex}.switch-size-s{--switch-track-width:32px;--switch-track-height:20px;--switch-track-padding:2px}.switch-size-m{--switch-track-width:40px;--switch-track-height:24px;--switch-track-padding:3px}.switch-size-l{--switch-track-width:48px;--switch-track-height:28px;--switch-track-padding:3px}.switch[data-checked=true]{--switch-knob-translate:var(--switch-knob-translate-max)}.switch[data-disabled=true]{opacity:.6;cursor:not-allowed}.switch-trigger{cursor:pointer;border-radius:var(--radius-full);width:var(--switch-track-width);height:var(--switch-track-height);outline:none;outline:var(--stroke-components) solid var(--neutral-border-components);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.switch-trigger:focus-visible .switch-track{box-shadow:var(--shadow-focus)}.switch[data-disabled=true] .switch-trigger{cursor:not-allowed}.switch-track{box-sizing:border-box;width:var(--switch-track-width);height:var(--switch-track-height);border-radius:var(--radius-full);transition:background-color var(--speed-faster) var(--ease-custom);background-color:var(--neutral-surface-background);outline:var(--stroke-components) solid var(--neutral-border-components);padding:var(--switch-track-padding);display:block;position:relative}.switch[data-checked=true] .switch-track{background-color:var(--neutral-surface-oncolor)}.switch[data-disabled=true] .switch-track{background-color:var(--neutral-surface-disabled)}.switch-knob{background-color:var(--neutral-surface-main);width:var(--switch-knob-size);height:var(--switch-knob-size);top:var(--switch-track-padding);left:var(--switch-track-padding);border-radius:var(--radius-full);will-change:transform;transform:translateX(var(--switch-knob-translate));transition:background-color var(--speed-faster) var(--ease-custom);outline:var(--stroke-components) solid var(--neutral-border-components);position:absolute}.switch[data-disabled=true] .switch-knob{background-color:var(--switch-knob-disabled);box-shadow:none}.switch-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.switch-label{color:var(--neutral-content-main-titles)}.switch-description{color:var(--neutral-content-support)}.switch[data-disabled=true] .switch-label,.switch[data-disabled=true] .switch-description{color:var(--neutral-content-disabled)}