Top/Light Switch
This is the default Webflow Checkbox with a bunch of sibling elements. The label is positioned on top so that users can click anywhere to toggle it.
Use the following CSS to change the "Checked" styling.
Bottom/Dark Switch
This is very similar to the above element with some additional classes to avoid styling conflicts. Use the following CSS for the bottom switch.