.ToggleSwitch{appearance:none;background-size:contain;background-position:left center;background-repeat:no-repeat;inline-size:48px;block-size:24px;border-radius:12px;border:1px solid;padding:3px;transition:.15s ease-in-out;transition-property:background-color,border-color}.ToggleSwitch--colorScheme-dark{--handle-color: var(--text-light-muted);background-color:var(--surface-dark-contrast);border-color:var(--text-light-muted)}.ToggleSwitch--colorScheme-dark:checked{--handle-color: var(--text-dark);background-color:var(--surface-highlight);border-color:var(--surface-highlight)}.ToggleSwitch--colorScheme-light{--handle-color: var(--text-dark-muted);background-color:transparent;border-color:var(--text-dark-muted)}.ToggleSwitch--colorScheme-light:checked{--handle-color: var(--text-highlight);background-color:var(--surface-dark-contrast);border-color:var(--surface-dark-contrast)}.ToggleSwitch:after{content:"";display:block;inline-size:16px;block-size:16px;border-radius:8px;background:var(--handle-color);transition:inherit;transition-property:transform;will-change:transform}.ToggleSwitch:checked:after{transform:translate(24px)}