Interactive Pricing Component Using Tailwind CSS

This took me WAY longer than I hoped, mainly because I was determined to figure out how to build the custom slider and custom toggle. I looked at many designs online and finally found code I could understand.

I still had trouble with Mozilla Firefox getting the slider to turn dark green with the active state. For some reason the progress bar kept moving overtop of the background icon on the thumb. I ended up abandoning this effort because I was spending too much time on the project. I'd love to know if someone figured out how to make that happen.