JQuery Help Needed for Website search checkboxes.

I need a jQuery specialist to reproduce the checkbox behaviour of the search filters on https://getintotheatre.org/opportunities on a new version of the site created in Wordpress with Oxygen Builder. Specifically this functionality:
- change class of the containing div if any of the checkboxes or filters are selected. This allows the colour of the button to change.
- if one checkbox is selected change the name in the containing div to the label of the selected filter
- if more than one is selected just show the total number of active check boxes after the button label
- allow the filter popup to close automatically when the user clicks away from the popup are or on another button, including the Search button.
- change status when the Clear Filters button is clicked
The new version of the site is here https://staging-getintotheatre-staging.kinsta.cloud/opportunities/ - the popups are currently done using an Oxygen Builder element - but happy to replace this with raw HTML code as long as it works with the filters as they are.
Timeframe is 2 weeks.