> Nested menus (like ingredient lists) have a third state, yellow "~", which indicates some sub-items are ticked and some are not.

This is called "indeterminate" state [0] and is part of the HTML checkbox spec

[0] https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputEl...