html.light{--switch-background-color: var(--core-color-opacity-black-200);--switch-active-color: var(--core-color-opacity-black-400);--switch-enabled: var(--core-color-opacity-green-600);--switch-active-enabled-color: var(--core-color-solid-green-900);--switch-hover-enabled-color: var(--core-color-opacity-green-800)}html.dark{--switch-background-color: var(--core-color-opacity-white-400);--switch-active-color: var(--core-color-opacity-white-200);--switch-enabled: var(--core-color-opacity-green-800);--switch-active-enabled-color: var(--core-color-opacity-green-400);--switch-hover-enabled-color: var(--core-color-opacity-green-600)}.toggle-switch{border:none;padding:var(--core-spacing-50);background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--core-size-2400);height:var(--core-size-1400);border-width:var(--core-borderRadius-100)}.toggle-switch:focus-visible{outline:var(--core-borderRadius-100) solid var(--core-color-solid-blue-700);border-radius:var(--semantic-borderRadius-lg)}.toggle-switch__slider{display:flex;align-items:center;justify-content:flex-start;width:var(--core-size-2200);height:var(--size-generic-sm);background-color:var(--switch-background-color);border-radius:var(--semantic-borderRadius-lg);transition:background-color var(--core-motion-duration-200) ease;cursor:pointer;position:relative}.toggle-switch__slider:hover{background-color:var(--component-selectionControl-icon-disabled)}.toggle-switch__slider:active{background-color:var(--switch-active-color)}.toggle-switch__slider.enabled{background-color:var(--switch-enabled)}.toggle-switch__slider.enabled:hover{background-color:var(--switch-hover-enabled-color)}.toggle-switch__slider.enabled:active{background-color:var(--switch-active-enabled-color)}.toggle-switch__knob{position:absolute;width:var(--core-size-1000);height:var(--core-size-1000);border-radius:var(--core-borderRadius-2500);background-color:var(--core-color-solid-slate-50);transition:left var(--core-motion-duration-200) ease;top:50%;transform:translateY(-50%);left:var(--core-spacing-100)}.toggle-switch__knob.enabled,.toggle-switch .enabled .toggle-switch__knob{left:calc(100% - var(--core-size-2200) / 2)}.toggle-switch:disabled{pointer-events:none}.toggle-switch:disabled .toggle-switch__knob{background-color:var(--core-color-opacity-white-400)}